/* Start:/local/templates/cgitems/assets/css/app.css?1714379521254943*/
.margin-b-10 {
    margin-bottom: 10px
}

.paddings-10 {
    padding: 10px
}

.helper-width-200 {
    width: 200px
}

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

.border-radius-10 {
    border-radius: 10px
}

.border-radius-15 {
    border-radius: 15px
}

.border-radius-20 {
    border-radius: 20px
}

.shadow-more {
    -webkit-box-shadow: 0 24px 16px 4px #171b1f;
    box-shadow: 0 24px 16px 4px #171b1f
}

.justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.carousel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.carousel *,.carousel *:before,.carousel *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.carousel__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    -webkit-box-shadow: var(--carousel-button-shadow, none);
    box-shadow: var(--carousel-button-shadow, none);
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease
}

.carousel__button.is-prev,.carousel__button.is-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    -webkit-filter: var(--carousel-button-svg-filter, none);
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    -ms-touch-action: none;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1050;
    outline: none;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
    box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width:48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}

.fancybox__carousel {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.fancybox__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::before,.fancybox__slide::after {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding:64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fancybox__caption {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right:40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left:40px
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right:40px
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click,.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    -webkit-animation: fancybox-rotate 2s linear infinite;
    animation: fancybox-rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
    -webkit-animation: .15s ease backwards fancybox-fadeIn;
    animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close {
    -webkit-animation: .15s ease both fancybox-fadeOut;
    animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
    -webkit-animation: .15s ease both fancybox-fadeIn;
    animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
    -webkit-animation: .1s ease both fancybox-fadeOut;
    animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
    -webkit-animation: .2s ease both fancybox-zoomInUp;
    animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    -webkit-animation: .15s ease both fancybox-zoomOutDown;
    animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    -webkit-animation: .15s ease both fancybox-throwOutUp;
    animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    -webkit-animation: .15s ease both fancybox-throwOutDown;
    animation: .15s ease both fancybox-throwOutDown
}

@-webkit-keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@-webkit-keyframes fancybox-zoomInUp {
    from {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fancybox-zoomInUp {
    from {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
        transform: scale(0.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@-webkit-keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@-webkit-keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2);
    box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}

.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__image {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.has-image .fancybox__content {
    padding: 0;
    background: transparent;
    min-height: 1px
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    -ms-touch-action: none;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24,24,27,.9);
    color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: transparent
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding: 0px 3px;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    opacity: 0;
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255,255,255,.1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius, 4px)
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(8.1%, rgba(0, 0, 0, 0.006)), color-stop(15.5%, rgba(0, 0, 0, 0.021)), color-stop(22.5%, rgba(0, 0, 0, 0.046)), color-stop(29%, rgba(0, 0, 0, 0.077)), color-stop(35.3%, rgba(0, 0, 0, 0.114)), color-stop(41.2%, rgba(0, 0, 0, 0.155)), color-stop(47.1%, rgba(0, 0, 0, 0.198)), color-stop(52.9%, rgba(0, 0, 0, 0.242)), color-stop(58.8%, rgba(0, 0, 0, 0.285)), color-stop(64.7%, rgba(0, 0, 0, 0.326)), color-stop(71%, rgba(0, 0, 0, 0.363)), color-stop(77.5%, rgba(0, 0, 0, 0.394)), color-stop(84.5%, rgba(0, 0, 0, 0.419)), color-stop(91.9%, rgba(0, 0, 0, 0.434)), to(rgba(0, 0, 0, 0.44)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
    padding: 0;
    -ms-touch-action: none;
    touch-action: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding:8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media(max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display:none
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 30;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox__container:-webkit-full-screen::backdrop {
    opacity: 0
}

.fancybox__container:-ms-fullscreen::backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::-webkit-backdrop {
    opacity: 0
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px
}

.flex-row-item {
    margin: 0 20px
}

.flex-position-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-align-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #101416
}

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

::-ms-reveal {
    display: none
}

body {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    font-family: Roboto,sans-serif;
    background-color: #101416
}

svg {
    pointer-events: none
}

.page {
    position: relative;
    background-color: #101416;
    min-height: calc(100vh - 56px)
}

.page.fixed {
    top: 56px
}

::-moz-selection {
    color: #fff;
    background-color: #0099e9
}

::selection {
    color: #fff;
    background-color: #0099e9
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background-color: #010203
}

::-webkit-scrollbar-thumb {
    background-color: #384557;
    border: 1px solid #010203;
    border-radius: 10px
}

html,body {
    scrollbar-color: #384557 #010203;
    scrollbar-width: auto
}

.scroll-blue {
    scrollbar-color: #006fbf #010203
}

.scroll-blue::-webkit-scrollbar {
    width: 8px
}

.scroll-blue::-webkit-scrollbar-track {
    background-color: #010203;
    border-radius: 5px
}

.scroll-blue::-webkit-scrollbar-thumb {
    background-color: #0099e9;
    border: none
}

.scroll-blue:hover::-webkit-scrollbar-thumb {
    background-color: #006fbf
}

.scroll-violet::-webkit-scrollbar {
    width: 8px
}

.scroll-violet::-webkit-scrollbar-track {
    background-color: #010203;
    border-radius: 5px
}

.scroll-violet::-webkit-scrollbar-thumb {
    background-color: #384557;
    border: none
}

.scroll-violet-articles::-webkit-scrollbar-track {
    margin: 24px 0
}

.scroll-violet-banners::-webkit-scrollbar-track {
    margin: 50px 0 24px
}

.scroll-violet:hover::-webkit-scrollbar-thumb {
    background-color: #7d92b0
}

button {
    cursor: pointer;
    border: none;
    outline: none
}

button[disabled],.button-default.disabled,.button-small.disabled {
    background-color: #13171a;
    border-color: #13171a;
    color: #fff;
    pointer-events: none
}

button[disabled]:hover,.button-default.disabled:hover,.button-small.disabled:hover {
    color: #0094ff
}

p {
    margin-top: 0
}

.text-bold {
    font-weight: 700
}

.text-end {
    text-align: end
}

text-medium {
    font-weight: 500
}

.text-upper {
    text-transform: uppercase
}

.text-italic {
    font-style: italic
}

.text-white {
    color: #fff
}

.text-blue {
    color: #0099e9
}

.text-dark {
    color: #7d92b0
}

.text-clip {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

a {
    color: #fff;
    text-decoration: none
}

.link {
    color: #fff;
    text-decoration: none;
    outline: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.link:hover,.link:focus {
    color: #0377b4
}

.link-blue {
    color: #0099e9
}

.link-full-block {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 0;
    outline: none
}

input {
    outline: none
}

input.button,input.input-button {
    border: none;
    cursor: pointer
}

.input {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #798faa;
    border-radius: 5px
}

.input-dark {
    color-scheme: dark;
    margin-bottom: 3px;
    color: #fff;
    background-color: #13171a;
    border: none
}

.input-dark::-webkit-input-placeholder {
    font-size: 10px;
    color: #889dba
}

.input-dark::-moz-placeholder {
    font-size: 10px;
    color: #889dba
}

.input-dark:-ms-input-placeholder {
    font-size: 10px;
    color: #889dba
}

.input-dark::-ms-input-placeholder {
    font-size: 10px;
    color: #889dba
}

.input-dark::placeholder {
    font-size: 10px;
    color: #889dba
}

.input-comment-name {
    margin-bottom: 10px
}

.input-comment-name::-webkit-input-placeholder {
    font-size: 16px
}

.input-comment-name::-moz-placeholder {
    font-size: 16px
}

.input-comment-name:-ms-input-placeholder {
    font-size: 16px
}

.input-comment-name::-ms-input-placeholder {
    font-size: 16px
}

.input-comment-name::placeholder {
    font-size: 16px
}

.input__text-dark {
    font-size: 12px;
    color: #7d92b0;
    font-weight: 700
}

.list {
    padding: 0;
    margin: 0
}

.list li {
    list-style: none
}

.textarea-auto-height {
    width: 100%;
    resize: none;
    padding: 16px 30px 16px 16px;
    outline: none;
    max-height: 300px;
    font-weight: 300;
    color: #f3f4f4
}

.textarea-auto-height::-webkit-input-placeholder {
    color: #798faa !important
}

.textarea-auto-height::-moz-placeholder {
    color: #798faa !important
}

.textarea-auto-height:-ms-input-placeholder {
    color: #798faa !important
}

.textarea-auto-height::-ms-input-placeholder {
    color: #798faa !important
}

.textarea-auto-height::placeholder {
    color: #798faa !important
}

.textarea-auto-height::-webkit-scrollbar-thumb {
    display: none !important
}

.textarea-auto-height::-webkit-scrollbar-track {
    display: none !important
}

.textarea-auto-height::-webkit-input-placeholder {
    font-size: 16px;
    color: #fff
}

.textarea-auto-height::-moz-placeholder {
    font-size: 16px;
    color: #fff
}

.textarea-auto-height:-ms-input-placeholder {
    font-size: 16px;
    color: #fff
}

.textarea-auto-height::-ms-input-placeholder {
    font-size: 16px;
    color: #fff
}

.textarea-auto-height::placeholder {
    font-size: 16px;
    color: #fff
}

.title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

.title-main {
    font-size: 48px;
    font-weight: 900;
    letter-spacing: 0;
    color: #f3f4f4
}

.title-text {
    font-size: 26px;
    font-weight: 700
}

.title-policy {
    font-weight: 900;
    font-size: 29px;
    line-height: 34px;
    margin-top: 30px
}

.subtext {
    display: block
}

.text-big,.text-light {
    margin: 0 0 13px
}

#fancybox-images img:not(.not-style) {
    display: block;
    margin: 12px 0;
    cursor: pointer;
    border-radius: 10px
}

#fancybox-images a:not(.not-style) {
    color: #1d7dd7;
    text-decoration: underline;
    font-style: italic;
    font-weight: 400
}

#fancybox-images a:not(.not-style) span {
    color: #1d7dd7 !important
}

#fancybox-images .video__media {
    max-width: 100%
}

#fancybox-images .video {
    margin-bottom: 20px
}

.text {
    letter-spacing: .06em
}

.text-light {
    font-weight: 300
}

.text-big {
    font-size: 28px
}

.text-dash {
    position: relative;
    padding-bottom: 66px;
    margin: 0
}

.text-dash::after {
    position: absolute;
    display: block;
    content: "";
    bottom: 24px;
    width: 183px;
    height: 5px;
    background-color: #0099e9
}

.text-center {
    text-align: center
}

.text-violet {
    color: #798faa
}

.text-violet.link:hover {
    color: #e0edff
}

.user-name {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.fade {
    position: absolute;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #181818f2
}

.fade.active {
    display: block
}

.content {
    background-color: #101416
}

.content-height {
    position: relative;
    top: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.content-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 36px
}

.content-right .content__left-col {
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 140px
}

.content-right .content__center-col {
    width: 100%
}

.content-right .content__center-col.detail-page {
    max-width: 664px
}

.content-right .content__center-col-project {
    min-height: calc(100vh - 56px);
    background-image: url("/local/templates/cgitems/assets/css/../images/projects/project-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.content-scroll {
    overflow-y: auto
}

.content-scroll::-webkit-scrollbar {
    width: 8px
}

.content-scroll::-webkit-scrollbar-track {
    margin-top: 100px;
    margin-bottom: 20px;
    background-color: #010203;
    border-radius: 5px
}

.content-scroll::-webkit-scrollbar-thumb {
    background-color: #384557;
    border-radius: 5px
}

.content-scroll-projects {
    margin-right: -20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.content-scroll-projects::-webkit-scrollbar-track {
    margin-top: 40px;
    margin-bottom: 170px
}

.content-search {
    background-color: #171b1f
}

.content-search__center {
    position: relative;
    width: 100%;
    max-width: 1768px;
    min-height: calc(100vh - 56px);
    margin: 0 auto;
    border-right: 1px solid #26303d;
    border-left: 1px solid #26303d
}

.content-top-banner {
    padding: 31px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px
}

.content-top-banner .content-top__title {
    border-right: 7px solid;
    padding: 20px 36px 20px 0;
    margin-bottom: 0
}

.content-top-banner .content-top__text {
    padding-left: 36px;
    max-width: 880px
}

.content-top__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 7px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.content-top__title-article {
    max-width: 700px;
    font-size: 29px;
    text-transform: initial
}

.content-top__title-project {
    text-transform: initial
}

.content-top__title-review {
    margin: 0 0 16px;
    text-transform: initial;
    font-weight: 600;
    font-size: 28px
}

.content-top__title-review .subtext {
    font-size: 17px;
    font-weight: 400;
    margin-top: 5px
}

.content-top img:not(.not-style) {
    width: 100%;
    height: auto
}

.content-top.detail {
    line-height: 31px;
    font-weight: 300;
    margin-bottom: 20px
}

.content-top.detail p {
    text-indent: 25px
}

.content-top.detail .video__media {
    margin: 0 !important
}

.content-top.detail-top {
    border-radius: 10px 10px 0 0;
    border-bottom: 0
}

.content-top-articles {
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center;
    border-radius: 16px;
    margin-bottom: 40px;
    padding: 25px 0
}

.content-top__text {
    font-size: 24px;
    font-weight: 400;
    max-width: 1068px;
    line-height: 1.2
}

.container {
    padding: 0 128px
}

.container-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.container-reviews {
    padding: 0 118px 0 118px
}

.container-top {
    padding-top: 36px
}

.container-policy {
    max-width: 1648px;
    width: 100%;
    margin: 0 auto
}

.container-projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 0 112px 0 64px
}

.container-projects-slider {
    position: relative;
    width: 100%;
    max-width: 1428px;
    padding: 0 72px;
    margin: 0 auto;
    height: 100%
}

.container-projects-slider .slick-slider {
    position: relative;
    height: 100%
}

.container-projects-slider .slick-list {
    z-index: 10;
    height: 100%
}

.container-projects-slider .slick-list div {
    height: 100%
}

.container-articles {
    padding: 0 40px
}

.container-articles-detail {
    padding: 0 72px 0 0
}

.container-min {
    max-width: 1254px;
    padding: 0 20px;
    margin: 0 auto
}

.container-min-p {
    padding-top: 80px
}

form {
    margin: 0
}

.panel-bar {
    color: #fff
}

.panel-bar-default {
    padding: 10px 26px
}

.panel-bar-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.panel-bar-elements .bar-element {
    position: relative;
    padding: 14px 32px 11px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.add-shrink.panel-bar-elements .bar-element {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.panel-bar-elements .bar-element::before {
    position: absolute;
    top: 0;
    left: calc(50% - 10px);
    width: 0;
    height: 0;
    content: "";
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.panel-bar-elements .bar-element:hover,.panel-bar-elements .bar-element.active {
    cursor: pointer;
    background-color: #3757ff
}

.panel-bar-elements .bar-element:hover-title,.panel-bar-elements .bar-element.active-title {
    color: #384557
}

.panel-bar-elements .bar-element:hover::before,.panel-bar-elements .bar-element.active::before {
    opacity: 1
}

.panel-bar-elements .bar-element-title {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 21px
}

.panel-bar-elements .bar-element-subtitle {
    font-size: 14px;
    line-height: 16px;
    color: #384557
}

.panel-bar-container-projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 1416px;
    margin: 0 auto 35px
}

.panel-bar-container-projects .panel-bar-elements {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    -webkit-box-shadow: 0 4px 8px #00000025;
    box-shadow: 0 4px 8px #00000025
}

.panel-bar-container-projects .panel-bar-left {
    width: 100%
}

.panel-bar-container-projects .panel-bar .project__info-item-date {
    display: none
}

.panel-bar .bar-element {
    color: #fff;
    background: #202833;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 10px
}

.panel-bar .bar-element-title,.panel-bar .bar-element-subtitle {
    display: block
}

.panel-bar .bar-element.pointer-none {
    color: #384557
}

.panel-bar .bar-element-project {
    padding: 14px 25px 11px
}

.panel-bar-like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 10px 16px
}

.panel-bar-alphabet {
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 24px 16px 4px #171b1f;
    box-shadow: 0 24px 16px 4px #171b1f;
    margin-bottom: 40px
}

.panel-bar-alphabet .panel-sort {
    margin-left: 0
}

.panel-bar-alphabet .panel-sort-text-mobile {
    display: none
}

.panel-bar-alphabet .alphabet__item.empty .alphabet__link {
    color: #084b6e
}

.panel-sort-left {
    position: relative;
    width: 56px;
    font-size: 28px;
    font-weight: bolder;
    padding-top: 4px;
    line-height: 1.2;
    text-align: center;
    background-color: #6966ff;
    border-radius: 9px 0 0 9px
}

.panel-sort-left:after,.panel-sort-left:before {
    position: absolute;
    right: 0;
    bottom: 5px;
    height: 10px;
    content: ""
}

.panel-sort-left::after {
    width: 7px;
    background-color: #202833;
    border-radius: 10px 0 0 10px
}

.panel-sort-left::before {
    width: 50px;
    background-color: #fff;
    border-radius: 10px 0 0 10px
}

.panel-sort-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 6px 86px 6px 0
}

.panel-sort-right ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    list-style: none
}

.panel-sort-right ul li {
    margin: 0 3px
}

.panel-sort a {
    color: #0377b4;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.panel-sort a:hover {
    color: #0099e9
}

.panel-sort a.active {
    color: #fff
}

.pointer-none-m {
    pointer-events: none
}

.pointer-none-m .bar-element-title,.pointer-none-m .bar-element-subtitle {
    color: #101416
}

.iframe-projects {
    border: 0
}

.adaptive-img {
    width: 100%;
    height: auto
}

.search__top {
    font-size: 29px;
    color: #68788f;
    padding: 40px 0 10px 64px;
    border-bottom: 1px solid #26303d
}

.search__text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 460px;
    font-size: 24px;
    color: #68788f;
    text-align: center
}

.search__logo {
    margin-bottom: 30px
}

.search__list {
    padding: 64px 0 0 64px;
    margin-right: 64px
}

.mt-3 {
    margin-top: 30px
}

.mt-4 {
    margin-top: 40px
}

.mt-6 {
    margin-top: 60px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-30 {
    margin-bottom: 30px
}

.scrolling-wrapper-flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.scrolling-wrapper-flexbox .scrolling-item-flexbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.scrolling-wrapper-flexbox::-webkit-scrollbar {
    display: none
}

.my-project {
    margin-left: 64px
}

.pointer-none {
    pointer-events: none
}

.text-one-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.text-two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.text-three-line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.reviews__text.text-seven-line {
    padding-bottom: 0;
    margin-bottom: 16px
}

.text-seven-line {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.panel-project-name {
    max-width: 240px
}

.project-cover__block {
    position: relative;
    cursor: pointer
}

.project-cover__block img {
    cursor: pointer
}

.input-add-img {
    display: none
}

.popup {
    position: absolute;
    display: none;
    z-index: 1;
    background: #202833;
    -webkit-box-shadow: 0 0 5px 0 #000;
    padding: 10px;
    border-radius: 10px
}

.popup.active {
    display: block
}

.popup-item {
    margin-bottom: 10px
}

.popup-item-title {
    font-size: 14px;
    color: #f3f4f4;
    margin-bottom: 4px
}

.popup-item-title-big {
    color: #f3f4f4;
    font-size: 24px;
    margin-bottom: 35px;
    font-weight: 500;
    max-width: 420px
}

.popup-item-title-big.subtitle {
    margin-bottom: 16px
}

.popup-item-text {
    max-width: 250px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 0
}

.iframe-container {
    overflow: hidden;
    position: relative;
    min-height: 740px;
    width: 100%;
    margin: 0 auto
}

.iframe-container iframe {
    position: absolute;
    border: 0;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.pass-btn-icon {
    display: none
}

.pass-btn-icon.active {
    display: block
}

.requisites {
    background-image: url("/local/templates/cgitems/assets/css/../images/popup/pixel-popup-left.png");
    background-repeat: no-repeat !important;
    background-position: left bottom !important
}

.arrow {
    border: solid inherit;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px
}

.right {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.left {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.up {
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.down {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.bc-scroll {
    padding-right: 27px
}

.popup-window {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.popup-window-content {
    background-color: transparent
}

.popup-window-close-icon {
    display: none
}

.bx-authform {
    margin: 0 0 25px;
    max-width: 500px
}

.bx-authform-formgroup-container {
    margin-bottom: 25px
}

.bx-authform-content-container,.bx-authform-label-container {
    font-size: 13px;
    color: #889dba;
    padding-bottom: 2px;
    font-weight: 700
}

.bx-authform-note-container {
    font-size: 13px;
    color: #5a6c77;
    padding-top: 4px
}

.bx-authform-input-container {
    position: relative
}

.bx-authform-psw-protected {
    height: 38px;
    width: 38px;
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -19px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzdEMTI3RjNGRkJEMTFFNDk2ODJDNEJEOTQ4OEQ1OEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzdEMTI3RjRGRkJEMTFFNDk2ODJDNEJEOTQ4OEQ1OEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3N0QxMjdGMUZGQkQxMUU0OTY4MkM0QkQ5NDg4RDU4QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3N0QxMjdGMkZGQkQxMUU0OTY4MkM0QkQ5NDg4RDU4QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi+O2x0AAAC4SURBVHjaYvz//z8DDJQ2dXEAqTQgdgFiRqjwfiCe3V1X9hmmjhGmCahBCkjNZMANcoEaH4AYTEiC06H0cyDOB2I/IM4G4odQ8ckoNgFtcQWy80ACQNN80a0Ayq8FUmxAPAcovxFmkxqUPoTDaXugtAqy8z5A6Vc4NL2B0h9BBAuUIwmlpYBO4QbSXFAD/wHxNyCWhsqLg/1U0ti5AEgLMxAPPjKRqAEE+JkYyADDVdNdEvU8BAgwAIw8L6DAodwVAAAAAElFTkSuQmCC") no-repeat center;
    background-size: 11px auto
}

.bx-authform-psw-protected-desc {
    display: none;
    background: #fff;
    position: absolute;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    bottom: 100%;
    margin-bottom: 14px;
    border: 1px solid #f0f1f2;
    padding: 10px 20px;
    font-size: 14px;
    z-index: 110;
    -webkit-box-shadow: 0 6px 9px 0 rgba(0,0,0,.1);
    box-shadow: 0 6px 9px 0 rgba(0,0,0,.1)
}

.bx-authform-psw-protected:hover .bx-authform-psw-protected-desc {
    display: block
}

.bx-authform-psw-protected-desc>span {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
    display: block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIzNzExNDdGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzNzExNDhGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMjM3MTE0NUZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMjM3MTE0NkZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PodxyuQAAAFASURBVHjarJS/SgNBEMZ3x00glj6DL2Fn5UtYi7WdlYUIYhGwCYgPYBeIjbUvIYikCxaCGk/wZvf2n98dCiEm521y2xwzOzO/m5tvTn5knyrG+LLZ6211ux3R5rHWCtZGhBBOCbaTUu7kzM9FYVuDeO+FNsWjD+EQ9S/px/8EY7ctmHVO5KwzwM5Iymu4pjRzP24D5tAJs34D7Bzm3a+f5uLWgpWfCzMZY+YHG0QXqDVdBloZZp0VXzmXAriCOZq/pyV5STB0Eo0pHqCufXQygCs2BTWCxUrC5eDZO+f7iL+BSy+KpX9ethZWSVibCSDHiLutK0QNPv9CGIpDXWaCPTkioj5c7+uC/sBctSccMfjBrITrjsQvKEXB25DufUepDPtyAnvYNFElrkrVGZZxD89hSqJaYflL2Gtq0rcAAwDa/ePzqfelnAAAAABJRU5ErkJggg==") no-repeat center bottom
}

.bx-authform-input-container input[type=text],.bx-authform-input-container input[type=password] {
    display: block;
    width: 100%;
    font-size: 18px;
    height: 38px;
    margin: 0;
    padding: 0 4px;
    border: 1px solid #ccd5db;
    border-radius: 2px;
    background: #f8fafc;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bx-authform-input-container input[type=text].bx-empty-field,.bx-authform-input-container input[type=password].bx-empty-field {
    border-color: #dd4b39
}

span.bx-authform-starrequired {
    color: #d93333
}

.bx-authform-formgroup-container .bx-captcha {
    margin-bottom: 10px
}

.bx-authform-link-container,.bx-authform-description-container {
    padding-bottom: 10px;
    font-size: 13px;
    color: #292d2e
}

.bx-authform-description-container {
    font-size: 13px;
    color: #5a6c77
}

.bx-authform-link-container {
    margin-bottom: 10px
}

hr.bxe-light {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
    margin-bottom: 20px
}

.alert {
    border: 0;
    border-radius: 1px;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 20px
}

.bxe-aleft-title {
    font-weight: bold;
    padding-bottom: 5px
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.fancybox__content {
    background-color: transparent;
    cursor: default !important
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: none !important
}

.ordered__list .btn-policy {
    font-weight: 400
}

.ordered__list .list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px
}

.ordered__list .list ol {
    margin-top: 10px
}

.ordered__list .list li {
    margin-bottom: 10px
}

.ordered__list ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0
}

.ordered__list .order__title {
    display: inline;
    font-weight: 700;
    margin-bottom: 40px
}

.ordered__list .order__title-last {
    margin-top: 40px !important
}

.ordered__list ol>li {
    display: block;
    counter-increment: item
}

.ordered__list ol>li:before {
    content: counters(item, ".") ". ";
    display: inline
}

.ordered__list .list>li:before {
    font-weight: 700
}

.ordered__list li ol>li {
    margin: 0
}

.ordered__list li ol>li:before {
    content: counters(item, ".") ". "
}

.ordered__list .policy-item {
    margin-top: 10px;
    margin-bottom: 40px
}

.ordered__list ul {
    padding-left: 20px
}

.ordered__list ul>li {
    list-style: disc
}

.not-found::before {
    content: "";
    background-image: url("/local/templates/cgitems/assets/css/../images//pixel-404.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0
}

.not-found::after {
    content: "";
    background-image: url("/local/templates/cgitems/assets/css/../images/pixel-2-404.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.not-found__content {
    max-width: 650px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.not-found__title {
    font-weight: 900;
    font-size: 40px;
    line-height: 112.5%;
    margin: 20px 0 10px
}

.not-found__subtitle {
    font-weight: 500;
    font-size: 28px;
    line-height: 160%;
    margin-bottom: 40px
}

.not-found__button {
    font-size: 20px !important;
    line-height: 23px !important;
    max-width: 340px !important;
    width: 101% !important;
    padding: 14.5px 32px 14.5px 32px !important;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    border-radius: 20px;
    -webkit-box-shadow: 0 4px 18px rgba(0,1,2,.5);
    box-shadow: 0 4px 18px rgba(0,1,2,.5);
    border: 1.35446px solid #2f3b4a;
    overflow: hidden
}

.video__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: none;
    padding: 0;
    width: 107px;
    height: 69px;
    border: none;
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.video__button svg {
    width: 107px;
    height: 69px
}

.video__button-shape {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #212121;
    fill-opacity: .8
}

.video__button-icon {
    fill: #fff
}

.video__button:focus {
    outline: none
}

.video:hover .video__button-shape,.video__button:focus .video__button-shape {
    fill: red;
    fill-opacity: 1
}

.video--enabled {
    cursor: pointer
}

.video--enabled .video__button {
    display: block
}

.detail-text-mobile {
    display: none;
    padding: 0 24px;
    color: #798faa;
    font-size: 16px;
    letter-spacing: .06em;
    font-weight: 300
}

.student-sidebar-mobile {
    display: none
}

.sidebar-exit-mobile {
    display: none
}

.comments__counter,.other__projects-counter {
    color: #7d92b0
}

.mobile-search-input {
    display: none
}

.loader {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 100000
}

.loader.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-dual-ring {
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.projects__list-slider.slick-initialized .project-item__slider {
    display: block;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.error_new_block {
    background: url(/local/templates/cgitems/src/images/white_logo.svg) 12px center no-repeat #414f62;
    padding: 10px 12px 10px 68px;
    font-size: 14px;
    line-height: 16px;
    clear: both;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px
}

.error_new_block p {
    margin: 0px;
    padding: 0px
}

.error_new_block.error_red {
    background-color: #ff3f3f
}

.auth-form.auth-forgot .error_new_block {
    position: absolute;
    top: 180px;
    width: calc(100% - 80px)
}

.auth-form.registration .error_new_block {
    margin-top: 8px
}

.change_password_success {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/local/templates/cgitems/assets/css/../images//popup/modal-success-bg.svg);
    padding-top: 87px;
    padding-left: 40px;
    background-color: #202833;
    background-position: right bottom;
    background-repeat: no-repeat;
    border-radius: 10px;
    z-index: 1
}

.change_password_success p {
    font-style: normal;
    font-weight: 900;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: .03em
}

.modal-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px;
    margin: 15px 0 5px
}

.modal-contacts__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.modal-contacts__right a {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px
}

.modal.registration-modal.registation_success {
    padding-top: 69px !important;
    padding-left: 40px !important;
    background-image: url(/local/templates/cgitems/assets/css/../images//popup/modal-success-bg.svg);
    background-color: #202833;
    background-position: right bottom;
    background-repeat: no-repeat
}

.modal.registration-modal.registation_success p {
    font-style: normal;
    font-weight: 900;
    font-size: 38px;
    line-height: 45px;
    letter-spacing: .03em;
    margin: 43px 0 0
}

.modal__form-course .modal__desc {
    text-align: center
}

.modal__form-course .input__text-dark {
    vertical-align: top;
    display: block;
    font-size: 13px;
    line-height: 15px;
    color: #7d92b0;
    margin: 0 0 4px
}

.modal__form-course .input-dark {
    vertical-align: top;
    height: 32px;
    margin: 0 0 8px
}

.modal__form-course .modal-check__text {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    color: #798faa;
    display: block
}

.modal__inputs_block {
    min-height: 294px
}

.modal__form-course .error_new_block {
    margin: 0 0 8px;
    color: #fff
}

.confirm-success-text {
    display: none
}

.advertising:hover .advertising__link,.advertising:hover .advertising-btn {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.advertising-bg.slider-default.promo-slider .slick-dots {
    bottom: 70px
}

.advertising-bg.slider-default.promo-slider .btn-slider {
    top: 50%
}

.advertising-bg.slider-default .btn-slider-wrapper {
    height: calc(100% - 57px)
}

.advertising-bg .slick-list {
    margin: 0 -10px
}

.advertising-bg .slick-slide>div {
    padding: 0 10px
}

.advertising__img {
    border-radius: 15px;
    width: 100%;
    height: auto
}

.advertising__img-bg {
    border-radius: 10px;
    border: 1px solid #2d333a
}

.advertising__title {
    display: block;
    font-weight: 500;
    margin: 5px 0
}

.advertising__text {
    color: #515a63;
    font-weight: 300
}

.advertising__link {
    position: relative;
    display: block;
    margin-bottom: 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.advertising__link::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 14px;
    width: 117px;
    height: 36px;
    background-repeat: no-repeat;
    background-image: url("/local/templates/cgitems/assets/css/../images/logo-cg-items.svg")
}

.advertising__link:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.advertising__bg {
    background: -webkit-gradient(linear, left bottom, left top, from(#243fcdc7), color-stop(21.83%, rgba(229, 137, 26, 0)));
    background: -o-linear-gradient(bottom, #243fcdc7 0%, rgba(229, 137, 26, 0) 21.83%);
    background: linear-gradient(0deg, #243fcdc7 0%, rgba(229, 137, 26, 0) 21.83%);
    position: absolute;
    left: 0;
    height: 100%;
    display: block;
    width: 229px;
    z-index: 1;
    border-radius: 10px;
    bottom: 0
}

.advertising-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 18px 7px 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    background: #e5891a;
    color: #101416;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .72px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.advertising-btn:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.block-mobile {
    display: none
}

.articles__sort {
    display: none !important
}

.article__category-content-top {
    padding: 0
}

.article__category-content-top:hover {
    opacity: 1 !important
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pb-40 {
    padding-bottom: 40px
}

.caption-img {
    display: block;
    margin-bottom: 30px;
    font-style: italic;
    font-weight: 300;
    line-height: 155%;
    letter-spacing: .02em;
    color: #798faa
}

.annotation {
    display: block;
    margin-bottom: 30px;
    font-style: italic;
    font-weight: 300;
    line-height: 155%;
    letter-spacing: .02em;
    max-width: 650px;
    color: #e3ae00
}

.fancybox__content .fancybox__image {
    border-radius: 25px
}

.grecaptcha-badge {
    visibility: hidden
}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 140px;
    height: 100vh
}

.content__left-col .sidebar__top {
    height: 88vh;
    overflow-y: auto;
    margin-right: -17px;
    padding-right: 17px
}

.content__left-col .sidebar__top::-webkit-scrollbar-track {
    background: transparent
}

.content__left-col .sidebar__top::-webkit-scrollbar-thumb {
    background-color: #3845578a
}

.socials__panel {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    font-weight: 300;
    padding: 11px 80px;
    background-color: #1d2126;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
    margin-top: 100px
}

.socials__panel-icon {
    height: 40px
}

.socials__panel-youtube {
    padding: 17px 80px
}

.socials__panel-youtube .socials__panel-icon {
    height: 28px
}

.container-article-detail {
    padding-top: 30px
}

.mb-0 {
    margin-bottom: 0
}

.block-code {
    white-space: pre;
    font-size: 14px;
    max-height: 400px;
    overflow-x: auto
}

.promo-slider {
    max-width: 247px !important
}

.sliderCourse {
    margin: 20px 0 20px 0
}

.course-slider,.slider-default {
    max-width: 650px
}

.course-slider.course-author__slider,.slider-default.course-author__slider {
    max-width: 587px
}

.course-slider__item,.slider-default__item {
    position: relative;
    height: 100%;
    padding: 15px 32px;
    border-radius: 16px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25)
}

.course-slider .btn-slider-wrapper,.slider-default .btn-slider-wrapper {
    position: absolute;
    top: 0;
    z-index: 1;
    max-width: 40px;
    width: 100%;
    height: calc(100% - 7px);
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.course-slider .btn-slider-wrapper-prev,.slider-default .btn-slider-wrapper-prev {
    left: 0
}

.course-slider .btn-slider-wrapper-next,.slider-default .btn-slider-wrapper-next {
    right: 0
}

.course-slider .slick-track,.slider-default .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.course-slider .slick-slide,.slider-default .slick-slide {
    height: inherit !important
}

.course-slider .slick-slide>div,.slider-default .slick-slide>div {
    height: 100%
}

.course-slider .slick-dots,.slider-default .slick-dots {
    position: absolute;
    bottom: 17px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.course-slider .slick-dots li,.slider-default .slick-dots li {
    list-style: none
}

.course-slider .slick-dots li.slick-active button,.slider-default .slick-dots li.slick-active button {
    background: #fefefe
}

.course-slider .slick-dots button,.slider-default .slick-dots button {
    display: block;
    font-size: 0;
    width: 8px;
    height: 8px;
    background: rgba(217,217,217,.4);
    border: .513983px solid #fff;
    border-radius: 50%;
    padding: 0
}

.course-slider .btn-slider,.slider-default .btn-slider {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    background: transparent
}

.course-slider .btn-slider-next,.slider-default .btn-slider-next {
    right: 3px
}

.course-slider .btn-slider-prev,.slider-default .btn-slider-prev {
    left: 3px
}

.course-slider .btn-slider-arrow,.slider-default .btn-slider-arrow {
    background-image: url("/local/templates/cgitems/assets/css/../images/btn-prev-c.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center
}

.course-slider .btn-slider-arrow-next,.slider-default .btn-slider-arrow-next {
    background-image: url("/local/templates/cgitems/assets/css/../images/btn-next-c.svg")
}

.course-slider__subtitle,.slider-default__subtitle {
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .03em
}

.course-slider__title,.slider-default__title {
    font-weight: 800;
    font-size: 32px;
    line-height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .03em;
    margin-bottom: 10px
}

.course-slider__text,.slider-default__text {
    margin-top: 12px;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .03em
}

.course-slider__bottom,.slider-default__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.course-slider__link,.slider-default__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 16px;
    background: #db101d;
    -webkit-box-shadow: 0 1.35919px 5.43674px rgba(0,0,0,.4),0 0 156.306px rgba(59,193,61,.4);
    box-shadow: 0 1.35919px 5.43674px rgba(0,0,0,.4),0 0 156.306px rgba(59,193,61,.4);
    border-radius: 6px;
    font-weight: 700;
    font-size: 16.3102px;
    line-height: 19px;
    text-align: center;
    letter-spacing: .04em;
    text-transform: uppercase;
    -webkit-font-feature-settings: "liga" off;
    font-feature-settings: "liga" off;
    color: #fff;
    text-shadow: 0 .679593px 2.71837px rgba(0,0,0,.25);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.course-slider__link:hover,.slider-default__link:hover {
    background-color: #b1111b
}

.course-slider__start,.slider-default__start {
    font-weight: 300;
    font-size: 13px;
    line-height: 153%;
    letter-spacing: .06em
}

.course-slider__date,.slider-default__date {
    font-weight: 700;
    font-size: 13px;
    line-height: 153%;
    letter-spacing: .06em
}

.course-slider__left,.slider-default__left {
    position: relative;
    z-index: 1;
    max-width: 380px
}

.course-slider:hover .slick-dots,.slider-default:hover .slick-dots {
    opacity: 1
}

.course-slider:hover .btn-slider-wrapper,.slider-default:hover .btn-slider-wrapper {
    opacity: 1
}

.slider-default.promo-slider .btn-slider {
    top: 36%
}

.slider-default.promo-slider .slick-dots {
    bottom: 100px
}

.promo-img-block img {
    border-radius: 15px
}

.content-top-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.iframe-container-project {
    border-radius: 16px
}

.icon-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px
}

.content-doc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.content-doc .article__text {
    color: #d2d2d2;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.content-doc .article {
    border-bottom: 1px solid #414f62
}

.content-doc .article:last-child {
    border-bottom: none
}

.content-doc .article:hover .article__text {
    color: #798faa
}

.mobile-footer {
    display: none
}

.container-employment {
    max-width: 900px;
    padding: 0 15px
}

.container-employment .sliderCourse {
    margin-top: 40px
}

.container-employment .course-slider {
    max-width: none
}

.content-top-employment {
    margin-bottom: 60px
}

.companies-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px
}

.company__item {
    color: #ccf;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .72px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.company__item-detail {
    margin: 10px 0
}

.review-left-bottom-name {
    display: block;
    margin-top: 8px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .64px;
    line-height: normal;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.employment__title {
    text-shadow: 0 3.645px 3.645px rgba(0,0,0,.25);
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.employment__title-mobile {
    display: none
}

.employment__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 16px;
    margin-bottom: 16px
}

#scroll-percentage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #000;
    margin: 0;
    padding: 0;
    height: 4px
}

#scroll-percentage .percentage {
    display: inline-block;
    border-bottom: 2px solid #3757ff;
    height: 4px;
    width: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute
}

.question-employment {
    margin: 40px 0 30px;
    color: #ccf;
    font-size: 24px;
    font-style: italic;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: .72px
}

.footnote {
    position: relative;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    line-height: 170%;
    letter-spacing: .6px;
    padding-left: 22px;
    border-left: solid 6px #d9d9d9;
    text-indent: 0 !important
}

.employment {
    margin-bottom: 200px
}

.employment__date {
    font-size: 12px;
    font-weight: 900;
    background-color: #9abc8d;
    padding: 1px 6px;
    border-radius: 4px;
    color: #004300;
    margin-left: 5px
}

.form-control {
    display: block;
    padding: 6px 39px;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
    color: #fff;
    background: #13171a;
    background-image: url(/local/templates/cgitems/assets/css/../images/forms/form-darck.svg);
    background-repeat: no-repeat;
    background-position: left center;
    border: 1px solid #26303d;
    border-radius: 60px
}

.form-control-search {
    position: relative;
    background: url(/local/templates/cgitems/assets/css/../images/forms/form-darck.svg) no-repeat left center,#13171a;
    height: 32px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 400
}

.form-control-search::-webkit-input-placeholder {
    font-weight: 400;
    color: #68788f
}

.form-control-search::-moz-placeholder {
    font-weight: 400;
    color: #68788f
}

.form-control-search:-ms-input-placeholder {
    font-weight: 400;
    color: #68788f
}

.form-control-search::-ms-input-placeholder {
    font-weight: 400;
    color: #68788f
}

.form-control-search::placeholder {
    font-weight: 400;
    color: #68788f
}

.form-control-search:focus,.form-control-search:hover,.form-control-search:active {
    outline: none;
    background-color: #010203
}

.form-control:focus,.form-control:active {
    outline: none
}

.form__policy {
    font-size: 13px;
    color: #7b8ea9;
    font-weight: 300
}

.form__policy-sidebar {
    margin-bottom: 20px
}

.form__textarea-box {
    padding: 0 24px
}

.form-search-header {
    position: relative
}

.check__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 30px;
    margin-top: 30px
}

.check__container-dark {
    padding-left: 20px;
    margin-top: 10px
}

.check__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.check__box {
    position: absolute;
    top: 3px;
    width: 24px;
    height: 24px;
    margin-left: -30px;
    cursor: pointer;
    background-color: #f3f4f4;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.check__box-dark {
    width: 12px;
    height: 12px;
    margin-left: -20px;
    background-color: #0099e9;
    border-radius: 2px
}

.check__input:checked+.check__box {
    background-image: url("/local/templates/cgitems/assets/css/../images//icons/form-ckeck.svg")
}

.check__input-dark:checked+.check__box {
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/check-box.svg")
}

.btn-search {
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0;
    width: 32px
}

.btn-search svg {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #68788f;
    display: inline-block;
    vertical-align: middle
}

.btn-search:hover svg,.btn-search:focus svg {
    fill: #798faa
}

.mobile-search,.user {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-initials {
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.icon-initials-big {
    font-size: 74px
}

.icon-achive {
    top: 30px;
    left: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.icon-color {
    z-index: 3;
    border: 1px solid #26303d;
    border-radius: 50%;
    cursor: pointer
}

.icon-plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 32px;
    color: #04476b;
    background-color: #0099e9;
    border-radius: 50%
}

.icon-pointer {
    cursor: pointer
}

.icon-reviews {
    font-size: 20px
}

.icon-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user__default {
    background: #414f62
}

.user__default-big {
    width: 100%;
    height: 237px;
    border-radius: 15px;
    margin-bottom: 20px
}

.user__default-big a {
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    pointer-events: none
}

.user__default-big a img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 105%
}

.user__default-big .typefile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0
}

.user__default-big .bx-input-file-desc {
    display: none
}

.user__default-big.border {
    border: 1px solid #26303d
}

.user__default.user-reviews {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.user-reviews {
    width: 40px;
    height: 40px
}

.user__avatar {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: #68788f;
    text-align: center
}

.mobile-search {
    background: #010203;
    border: 1px solid #2f3c4a
}

.mobile-search svg {
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 14.5px 60px 14.5px 60px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    -webkit-font-feature-settings: "liga" off;
    font-feature-settings: "liga" off;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .04em;
    background-repeat: no-repeat;
    background-position: 12px center
}

.button-dark {
    color: #fff;
    background-color: #202833;
    border: 1px solid #26303d
}

.button-green {
    color: #fff;
    background-color: #09945c
}

.button-green:hover {
    background-color: #007b51
}

.button-articles {
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/b-list.svg)
}

.button-sidebar {
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button-sidebar:hover {
    background-color: #2c3a4d
}

.button-sidebar.active::before {
    content: "";
    position: absolute;
    display: block;
    right: 10px;
    height: 29px;
    width: 6px;
    background: #798faa;
    border-radius: 3px
}

.button-g-all {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14.5px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden
}

.button-g-all::after {
    position: absolute;
    width: 61px;
    height: 100%;
    content: "";
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/gradient-left-green.png);
    left: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.button-g-all::before {
    position: absolute;
    width: 61px;
    height: 100%;
    content: "";
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/gradient-left-green.png);
    right: 0
}

.button-g-all.black {
    background-color: #2f3c4a
}

.button-g-all.black:hover {
    background-color: #202833
}

.button-g-all.black::after {
    position: absolute;
    width: 61px;
    height: 100%;
    content: "";
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/gradient-left-black.png);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.button-g-all.black::before {
    position: absolute;
    width: 61px;
    height: 100%;
    content: "";
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/gradient-left-black.png);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.button.button-project {
    color: #fff;
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/b-project.svg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button.button-project:hover {
    background-color: #202833
}

.button.button-saved {
    color: #fff;
    background-image: url(/local/templates/cgitems/assets/css/../images/icons/saved.svg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button.button-saved:hover {
    background-color: #202833
}

.button.button-articles-icon {
    background-image: url(/local/templates/cgitems/assets/css/../images/icons/file.svg)
}

.button-alphabet {
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/b-alphabet.svg)
}

.button-employment {
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/employment.svg)
}

.button-review {
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/review.svg)
}

.button-portfolio {
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/portfolio.svg)
}

.button-graphic {
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/graphic.svg)
}

.button.border-top {
    border-top: 1px solid #26303d
}

.button.border-bottom {
    border-bottom: 1px solid #26303d
}

.button.button-bg {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button.button-bg:hover {
    background-color: #202833
}

.button.gradient-right::after {
    position: absolute;
    width: 61px;
    height: 100%;
    content: "";
    right: 0;
    background-image: url(/local/templates/cgitems/assets/css/../images/buttons/gradient-right.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.button.gradient-right::after:hover {
    visibility: hidden
}

.button-default {
    color: #fff;
    background: #0099e9;
    outline: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button-default-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 14.5px;
    text-align: center
}

.button-default:focus,.button-default:hover {
    background: #0377b4
}

.button-small {
    padding: 6.5px 18px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-decoration: none;
    letter-spacing: .04em;
    border-radius: 5px
}

.button-menu-mobile {
    width: 100%;
    margin-bottom: 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button-fill {
    color: #7d92b0;
    border: 1px solid #0099e9;
    border-radius: 5px
}

.button-fill.white-text {
    color: #fff
}

.button-fill:hover {
    color: #fff;
    background-color: #0099e9
}

.button-tr {
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    background: transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.button-tr-blue {
    color: #fff;
    border: 1px solid #0099e9
}

.button-tr-blue:hover {
    color: #fff;
    background-color: #0099e9
}

.button__articles {
    margin-right: 16px;
    font-size: 18px
}

.button__articles::before {
    content: "#"
}

.button__articles:hover {
    opacity: .8
}

.button__articles.active {
    border-bottom: 1px solid
}

.button__articles-marmoset {
    color: #9c3
}

.button__articles-unreal {
    color: #f96
}

.button__articles-zbrush {
    color: #ccf
}

.button__articles-unity {
    color: #f66
}

.button__articles-tutorial {
    color: #238f43
}

.button__articles-maya {
    color: #e3ae00
}

.button__articles-optimization {
    color: #1dd7cb
}

.button__articles-industry {
    color: #c933cc
}

.button__articles-baza {
    color: #9abc8d
}

.button__articles-3ds_max {
    color: #631dd7
}

.button__articles-blender {
    color: #c400c8
}

.button__articles-documentation {
    color: #1d7dd7
}

.button__articles-substance_painter {
    margin-right: 0;
    color: #33cca6
}

.button-mobile {
    padding-left: 26px;
    margin-top: 16px;
    border: none;
    border-radius: 10px
}

.button__text {
    margin: 0 5px 0 10px;
    text-transform: initial
}

.button-mobile-comments {
    display: none;
    margin-top: 24px;
    padding: 10px 24px
}

.btn {
    font-weight: 700;
    color: #fff;
    background-color: #0099e9
}

.btn-animate-green {
    position: relative;
    background-color: #171b1f !important
}

.btn-animate-green .btn-text {
    position: relative
}

.btn-animate-green::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--widthBg, 0);
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
    background: #009d02;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 5px
}

.btn-animate-green.active::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    width: var(--widthBg, 100%)
}

.btn-animate-green:hover::before {
    background-color: #16bc19
}

.btn-animate-orange:before {
    background-color: #be8024
}

.btn-animate-orange:hover::before {
    background-color: #0377b4
}

.btn-course {
    position: relative;
    z-index: 1;
    width: 424px;
    height: 70px;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.059px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 6px;
    background: #bd7d1c;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.4);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.4)
}

.btn-course:focus {
    background-color: #0377b4
}

.btn-course-mobile {
    display: none
}

.btn-scroll-up {
    position: fixed;
    right: 30px;
    bottom: 90px;
    -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.5));
    z-index: 1000
}

.btn-scroll-up svg path {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.btn-scroll-up:hover svg path,.btn-scroll-up:focus svg path {
    fill: #7d92b0
}

.btn-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent
}

.btn-icon svg {
    width: 40px;
    height: 40px
}

.btn-icon__profile-edit {
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: transparent;
    border: 1px solid #26303d;
    border-radius: 50px
}

.btn-icon__profile-edit svg {
    fill: #68788f
}

.btn-text {
    padding: 0;
    color: #fff;
    background: transparent;
    border: none
}

.btn-text-blue {
    color: #0099e9
}

.btn-circle {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    background-color: transparent;
    border-radius: 50px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.btn-circle svg {
    fill: #798faa;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.btn-circle-blue path {
    fill: #798faa
}

.btn-saved.active svg {
    fill: #e3ae00
}

.btn-like svg {
    top: 47%
}

.btn-like.active svg {
    fill: #e0edff
}

.btn-share:hover,.btn-share:focus {
    background-color: #0377b4
}

.btn-tr {
    background-color: transparent;
    padding: 0
}

.articles__list-detail .btn-circle {
    margin-right: 5px
}

button.green-bg {
    background: -o-radial-gradient(60.33% 33.9%, 72.49% 139.83%, rgba(255, 255, 255, 0) 0%, rgba(235, 235, 235, 0.2) 100%),#009d02;
    background: radial-gradient(72.49% 139.83% at 60.33% 33.9%, rgba(255, 255, 255, 0) 0%, rgba(235, 235, 235, 0.2) 100%),#009d02;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4),0px 0px 230px rgba(59,193,61,.4);
    box-shadow: 0 2px 8px rgba(0,0,0,.4),0px 0px 230px rgba(59,193,61,.4)
}

button.orange-bg {
    background: -o-radial-gradient(60.33% 33.9%, 72.49% 139.83%, rgba(255, 255, 255, 0) 0%, rgba(235, 235, 235, 0.2) 100%),#bd7d1c;
    background: radial-gradient(72.49% 139.83% at 60.33% 33.9%, rgba(255, 255, 255, 0) 0%, rgba(235, 235, 235, 0.2) 100%),#bd7d1c;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4),0px 0px 230px rgba(219,172,65,.4);
    box-shadow: 0 2px 8px rgba(0,0,0,.4),0px 0px 230px rgba(219,172,65,.4)
}

.diagonal_swipe_left {
    overflow: hidden;
    z-index: 1;
    position: relative;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.diagonal_swipe_left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 115%;
    height: 0%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    border-right: 50px solid transparent;
    border-bottom: 80px solid #1c79d2;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: -1
}

.diagonal_swipe_left:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4),0 0 230px #0376b465;
    box-shadow: 0 2px 8px rgba(0,0,0,.4),0 0 230px #0376b465;
    cursor: pointer;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    color: #fff;
    z-index: 8
}

.diagonal_swipe_left:hover::before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.accordion {
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #2f3c4a;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 18px rgba(0,1,2,.5);
    box-shadow: 0 4px 18px rgba(0,1,2,.5)
}

.accordion-profile {
    border: 1px solid #171b1f
}

.accordion__content-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 24px;
    background-color: #202833
}

.accordion__content-center {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 70px 0
}

.accordion__item {
    background-color: rgba(35,44,56,.7);
    border-bottom: 1px solid #2f3c4a;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.accordion__item:first-child {
    border-radius: 10px 10px 0 0
}

.accordion__item:last-child {
    border-radius: 0 0 10px 10px;
    border: 0
}

.accordion__title {
    position: relative;
    display: block;
    padding: 14px 60px 14px 23px;
    font-size: 26px;
    color: #f3f4f4;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 0.18, 0.9, 0.9);
    -o-transition-timing-function: cubic-bezier(0.19, 0.18, 0.9, 0.9);
    transition-timing-function: cubic-bezier(0.19, 0.18, 0.9, 0.9)
}

.accordion__title-profile {
    font-size: 17px;
    font-weight: 700;
    border-bottom: 1px solid #171b1f
}

.accordion-project {
    cursor: initial
}

.accordion .input {
    margin-bottom: 10px;
    background-color: #010203
}

.accordion textarea {
    padding: 10px;
    resize: none
}

.accordion__item .accordion-active {
    background-color: #2f3c4a
}

.accordion__item .accordion__title .accordion__arrow {
    position: absolute;
    top: 20px;
    right: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
    background-color: #7d92b0;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.accordion__item .accordion__title .accordion__arrow-profile {
    top: 10px
}

.accordion__item .accordion__title .accordion__arrow:hover,.accordion__item .accordion__title .accordion__arrow:focus {
    background-color: #0099e9
}

.accordion__title-text-profile {
    color: #7d92b0
}

.accordion__button-box {
    text-align: end
}

.accordion__input {
    height: 40px;
    padding-right: 110px;
    background-image: url("/local/templates/cgitems/assets/css/../images/buttons/input-pixel-blue.svg");
    background-repeat: no-repeat;
    background-position: right
}

.accordion__arrow-item {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/accordion-arrow.svg");
    background-repeat: no-repeat;
    background-position: center
}

.accordion__arrow-item-profile {
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/plus-exit.svg")
}

.accordion__arrow-profile:not(.accordion__rotate) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.accordion__title-profile {
    background-color: #202833 !important
}

.accordion__item .accordion__rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #0099e9 !important
}

.accordion__item .accordion__content {
    display: none;
    padding: 0 24px 35px;
    background-color: #2f3c4a
}

.accordion__content-profile {
    padding-top: 10px !important;
    background-color: #202833 !important
}

.accordion__content-inner {
    max-width: 720px;
    letter-spacing: .06em;
    font-weight: 300;
    font-size: 18px;
    line-height: 153%;
    color: #f3f4f4
}

.accordion__item .accordion__arrow-item {
    font-weight: 700
}

.accordion__textarea {
    height: 330px;
    outline: none
}

.accordion__content-drop {
    padding: 0 !important;
    background-image: url("/local/templates/cgitems/assets/css/../images/projects/project-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.accordion__content-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #202833
}

.accordion__content-bottom .bar-element {
    padding-right: 18px;
    padding-left: 18px
}

.accordion-wrapper__btn {
    padding-right: 24px
}

.accordion__content-bottom.active {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.accordion__content-bottom.active .panel-bar {
    display: none
}

.accordion__content-bottom.active .accordion-wrapper__btn {
    padding-bottom: 17px;
    padding-top: 17px
}

.accordion__edit {
    position: absolute;
    display: none;
    z-index: 4;
    left: 0;
    right: 0;
    padding: 20px;
    background: #202833 !important;
    height: 100%;
    top: 0
}

.accordion__edit.active {
    display: block
}

.social__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.social__list-dark {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.social__list-sidebar {
    margin-top: 14px
}

.social__item {
    margin-right: 8px
}

.social__item:last-child {
    margin-right: 0
}

.social__item-dark {
    margin-right: 16px
}

.social__link {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px
}

.social__link-share {
    width: 32px;
    height: 32px
}

.social__link-dark {
    width: 32px;
    height: 32px
}

.social__link path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.social__link:hover .social__icon path,.social__link:focus .social__icon path {
    fill: #d6e7ff
}

.social__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.social__link.active .social__icon path {
    fill: #0099e9
}

.share {
    display: none;
    width: 220px;
    padding: 16px;
    background-color: #202833;
    border: 1px solid #26303d;
    border-radius: 10px;
    position: absolute;
    right: 12px;
    bottom: -144px;
    z-index: 2;
    cursor: default
}

.share.active {
    display: block
}

.share-article {
    right: 95px;
    bottom: -93px
}

.share__title {
    font-size: 15px;
    color: #e0edff;
    font-weight: 700;
    margin-bottom: 10px
}

.share-block {
    position: relative
}

.share-project {
    right: -17px;
    bottom: -170px
}

.social__list-share {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 18px;
    margin-bottom: 10px
}

.social__item-share {
    margin-right: 0
}

.social__icon-share {
    width: 32px;
    height: 32px
}

.copy {
    position: relative
}

.copy__url {
    padding: 6px;
    font-size: 12px;
    border: 1px solid #26303d
}

.copy__btn {
    position: absolute;
    top: 10px;
    right: 1px;
    width: 50%;
    font-size: 12px;
    font-weight: 500;
    color: #0099e9;
    text-transform: uppercase;
    background: none;
    background-color: #13171a;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.copy__btn:hover,.copy__btn:focus {
    color: #0487ce
}

.articles__list-detail .share {
    right: 0;
    bottom: -150px
}

.fixed-like {
    position: fixed;
    bottom: 25px;
    right: 33vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background: #202833;
    border-radius: 12px;
    padding: 16px 16px 5px
}

.fixed-like-project {
    position: absolute;
    bottom: 100px;
    right: inherit !important
}

.fixed-like-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
    color: #798faa
}

.share-fixed .share {
    right: auto;
    bottom: 0;
    left: 70px
}

.fixed-container {
    position: -webkit-sticky;
    position: sticky;
    height: 93vh;
    top: 125px
}

.fixed-container-articles {
    right: -98px;
    height: 89vh;
    z-index: 12
}

.fixed-container-articles .fixed-like-project {
    bottom: 25px
}

.auth {
    width: 100%;
    min-height: calc(100vh - 56px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.auth-form:not(.registration) {
    position: relative;
    width: 400px;
    height: 400px;
    background-color: #202833;
    border: 1px solid #2f3c4a;
    border-radius: 10px;
    padding: 34px 40px 24px
}

.auth-form:not(.registration)::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/three-pixel.svg");
    background-repeat: no-repeat;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.auth-form .input {
    border: 1px solid #2f3c4a;
    height: 32px;
    margin-bottom: 0
}

.auth-form.registration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.auth-forgot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.auth__title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 27px
}

.auth__link-box {
    text-align: center
}

.auth__link-box-last {
    margin-bottom: 0;
    padding-bottom: 0
}

.auth__button {
    padding: 9px 0;
    text-transform: initial;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0px
}

.authform-formgroup-container {
    margin-bottom: 8px
}

.authform-formgroup-container-submit {
    margin-top: 56px;
    margin-bottom: 23px
}

.authform-input-pass {
    position: relative
}

.input-password {
    padding-right: 80px
}

.btn-password {
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    height: 100%;
    padding: 0 10px 0 0
}

.main-auth-note {
    margin-bottom: 70px
}

.main-auth-note-forgot {
    font-weight: 400;
    margin-top: 12px
}

.bx-authform-link-container {
    font-size: 14px
}

.bx-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #f3f4f4;
    width: 100%;
    margin-bottom: 12px
}

h3.bx-title {
    margin-top: 0
}

.registration-modal {
    min-height: 400px;
    padding: 30px 40px !important
}

.registration-modal .modal__left,.registration-modal .modal__right {
    max-width: 289px
}

.registration-modal .auth__title {
    margin-bottom: 8px;
    font-size: 24px
}

.registration-modal .registration__personal-data {
    margin-top: 8px;
    margin-bottom: 30px;
    line-height: 16px
}

.registration-modal .registration__text {
    font-size: 11px
}

.registration-modal .logo {
    width: 90%;
    margin: 42px auto 57px
}

.form-change-pass {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal {
    background: #202833;
    border-radius: 16px;
    width: 700px;
    padding: 40px;
    cursor: default !important;
    border: 1px solid #2f3c4a;
    -webkit-box-shadow: 0 4px 8px 0 #00000099;
    box-shadow: 0 4px 8px 0 #00000099
}

.modal.contacts {
    max-width: 700px;
    padding: 40px;
    background-image: url("/local/templates/cgitems/assets/css/../images/popup/pixel-popup-right.png");
    background-repeat: no-repeat;
    background-position: bottom right
}

.modal.contacts .button-contacts {
    font-size: 18px;
    padding: 10px 65px
}

.modal.success {
    display: none;
    width: 100%;
    padding-top: 62px;
    padding-bottom: 62px;
    background-image: url("/local/templates/cgitems/assets/css/../images//popup/modal-success-bg.svg")
}

.modal.success .popup-item-title-big {
    max-width: 424px;
    margin-bottom: 18px;
    font-weight: 900;
    font-size: 38px;
    line-height: 45px;
    letter-spacing: .03em;
    color: #f3f4f4
}

.modal.success .popup-item-title {
    color: #798faa
}

.modal.letter {
    max-width: 544px
}

.modal.letter .auth__title {
    font-size: 26px;
    color: #f3f4f4
}

.modal.letter .auth__title ::-webkit-input-placeholder {
    font-size: 16px
}

.modal.letter .auth__title ::-moz-placeholder {
    font-size: 16px
}

.modal.letter .auth__title :-ms-input-placeholder {
    font-size: 16px
}

.modal.letter .auth__title ::-ms-input-placeholder {
    font-size: 16px
}

.modal.letter .auth__title ::placeholder {
    font-size: 16px
}

.modal.letter .input {
    margin-bottom: 16px
}

.modal.letter .textarea-letter {
    height: 219px;
    resize: none;
    padding: 7px 10px
}

.modal-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px
}

.modal__left {
    width: 100%;
    max-width: 272px
}

.modal__desc {
    margin-bottom: 25px;
    color: #889dba;
    text-align: end
}

.modal__desc-date {
    display: block;
    font-weight: 800;
    color: #fff
}

.modal__desc-text {
    color: #fff;
    font-weight: 300
}

.modal__btn {
    width: 100%;
    padding: 10px 30px;
    text-transform: uppercase
}

.modal__right {
    width: 100%;
    max-width: 312px
}

.modal-logo {
    margin-bottom: 50px
}

.modal-logo__img {
    width: 100%;
    height: auto
}

.modal-course {
    width: 485px;
    padding: 40px 40px 160px
}

.modal-course-title {
    color: #e2e1e1;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px
}

.modal-course .modal__btn {
    margin-top: 20px;
    margin-bottom: 20px
}

.modal-course-logo {
    position: absolute;
    bottom: 20px
}

.modal__form-course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.modal-check__text {
    font-size: 14px;
    color: #7b8ea9;
    line-height: 130%
}

.modal .fancybox-button {
    display: none
}

.modal .input::-webkit-input-placeholder {
    font-size: 16px
}

.modal .input::-moz-placeholder {
    font-size: 16px
}

.modal .input:-ms-input-placeholder {
    font-size: 16px
}

.modal .input::-ms-input-placeholder {
    font-size: 16px
}

.modal .input::placeholder {
    font-size: 16px
}

.fancybox__backdrop {
    background: rgba(0,0,0,.7)
}

.carousel__button {
    display: none !important;
    background: #414f62;
    color: #232c38 !important;
    border-radius: 10px;
    right: -40px !important;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 4px 8px 0 #00000099;
    box-shadow: 0 4px 8px 0 #00000099
}

.carousel__button:hover {
    background: #798faa
}

.reviews__list-review {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    gap: 24px 15px
}

.reviews__list-review .reviews__item {
    margin-bottom: 0
}

.reviews__list-review .reviews__img {
    border: 1px solid #202833;
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 10px
}

.reviews__text {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.reviews-page {
    padding-bottom: 100px
}

.reviews-page .reviews__img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.reviews-page .reviews__item {
    position: relative
}

.reviews-page .reviews__item:hover .reviews__img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5)
}

.reviews-page .reviews__item:hover .reviews__link-desk {
    color: #0094ff
}

.reviews-page .reviews__item:hover .reviews__text {
    color: #798faa
}

.reviews-page .reviews__user {
    padding-left: 0
}

.reviews-page .reviews__text {
    padding-left: 0
}

.reviews-page .reviews__link-desk {
    margin: 0
}

.reviews-slider {
    position: relative;
    padding: 130px 0 263px;
    background-color: #171b1f;
    border-bottom: 1px solid #2f3b4a;
    width: 100%;
    overflow: hidden
}

.reviews-slider::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background-color: #171b1f;
    background-image: url("/local/templates/cgitems/assets/css/../images/home/index-fon.png");
    background-repeat: no-repeat
}

.reviews-slider .reviews-container .reviews__inner {
    width: 2780px
}

.reviews-slider .slick-slide {
    position: relative
}

.reviews-slider .slick-slide::before {
    content: "";
    position: absolute;
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 220px;
    background-color: #414f62
}

.reviews-slider .slick-slide::after {
    content: "";
    position: absolute;
    right: 39px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 20.5px 0 20.5px 12px;
    border-color: transparent transparent transparent #414f62
}

.reviews-slider .reviews__list.slick-initialized .reviews__item-slider {
    display: block !important
}

.reviews-slider .reviews__list:not(.slick-initialized) .reviews__item-slider:not(:first-child) {
    display: none !important
}

.reviews__detail {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1
}

.reviews .slider__counter {
    position: absolute;
    right: 200px;
    bottom: -93px;
    font-size: 26px;
    width: 103px;
    text-align: center
}

.reviews .btn-slider {
    position: absolute;
    bottom: -95px;
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    font-size: 0;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background-color: #798faa;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.reviews .btn-slider:hover {
    background-color: #0099e9
}

.reviews .btn-slider-arrow {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/accordion-arrow.svg");
    background-repeat: no-repeat;
    background-position: center
}

.reviews .btn-slider-prev {
    right: 280px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.reviews .btn-slider-next {
    right: 125px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.reviews-container {
    padding-right: 0
}

.reviews__title {
    margin-bottom: 72px
}

.reviews__item {
    width: 100%;
    max-width: 450px;
    margin-bottom: 24px
}

.reviews__item-slider {
    position: relative;
    display: block !important;
    width: 450px !important;
    height: 450px !important;
    border: 1px solid #26303d;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 16px 8px rgba(0,0,0,.24);
    box-shadow: 0 4px 16px 8px rgba(0,0,0,.24);
    overflow: hidden;
    padding-bottom: 0
}

.reviews__item-slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(1,13,26,.8);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.reviews__item-slider:hover::before {
    background-color: rgba(0,0,0,.7)
}

.reviews__item-slider:hover .reviews__link-desk {
    color: #0094ff
}

.reviews__item-bg {
    padding: 35px 40px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%
}

.reviews__item-inner {
    position: relative
}

.reviews__img {
    width: 100%;
    height: auto
}

.reviews__img-link {
    position: relative;
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.reviews__img-link:hover .reviews__img,.reviews__img-link:focus .reviews__img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5)
}

.reviews__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0 16px 20px
}

.reviews__user-slider {
    padding: 0;
    margin-bottom: 35px;
    letter-spacing: 1px
}

.reviews__user-right {
    margin-left: 10px;
    font-size: 16px
}

.reviews__date {
    font-size: 14px;
    color: #7b8ea9;
    font-weight: 400
}

.reviews__text {
    padding: 10px 16px 10px;
    font-size: 18px;
    font-weight: 300;
    line-height: 31px
}

.reviews__text-slider {
    font-weight: 300;
    height: 252px;
    padding: 0;
    margin-bottom: 20px;
    overflow-y: hidden;
    letter-spacing: 1px
}

.reviews__link {
    font-size: 16px;
    color: #fff;
    margin: 0 16px;
    text-transform: uppercase
}

.reviews__link-slider {
    font-size: 14px;
    color: #fff;
    margin: 0
}

.reviews__link-desk {
    text-transform: initial;
    color: #798faa;
    border-bottom: 1px solid;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.reviews__link-desk:hover,.reviews__link-desk:focus {
    color: #0094ff
}

.user-reviews {
    overflow: hidden;
    -webkit-filter: drop-shadow(0px 3.36842px 3.36842px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 3.36842px 3.36842px rgba(0, 0, 0, 0.25));
    border-radius: 8px
}

.review__avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 130px;
    color: #fff;
    text-align: center;
    font-size: 61.579px;
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    text-transform: uppercase;
    border-radius: 22px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.review-detail__text {
    margin: 16px 0 35px;
    font-weight: 300;
    font-size: 18px;
    line-height: 31px;
    text-indent: 24px
}

.review-detail-b-img {
    margin-top: 24px;
    position: relative
}

.review-detail-b-img img {
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 10px
}

.review-detail-b__text {
    position: absolute;
    width: 100%;
    bottom: 7px;
    left: 0;
    padding: 14px 24px;
    background: rgba(0,0,0,.4);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    font-size: 24px;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    letter-spacing: .02em;
    color: #f3f4f4;
    border-radius: 0 0 10px 10px
}

.breadcrumbs-projects {
    background-color: transparent
}

.breadcrumbs__box-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__inner {
    padding: 20px 0
}

.breadcrumbs__inner.container-min {
    padding: 24px
}

.breadcrumbs__inner-project {
    padding: 40px 0
}

.breadcrumbs__item {
    display: inline-block
}

.breadcrumbs__item:last-child .link {
    color: #0377b4;
    cursor: default
}

.breadcrumbs__separator {
    color: #889dba
}

.breadcrumbs__link {
    font-size: 17px;
    color: #889dba
}

.breadcrumbs-fixed {
    position: fixed;
    top: 56px;
    z-index: 11;
    width: 100%;
    background: #101416;
    left: 0;
    right: 0
}

.projects__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    gap: 16px
}

.projects__list-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.projects__list-sidebar::-webkit-scrollbar {
    display: none
}

.projects__list-slider {
    height: 720px
}

.projects__list-p {
    padding: 40px 0 170px;
    margin: 0
}

.projects .stage {
    background-color: #3757ff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 5px
}

.projects__list-slider .slider__counter {
    position: absolute;
    top: -30px;
    right: 8px
}

.projects__list-slider .btn-slider-wrapper {
    position: absolute;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    top: 0;
    width: 50%;
    height: 100%;
    cursor: pointer
}

.projects__list-slider .btn-slider-wrapper .btn-slider {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: transparent url("/local/templates/cgitems/assets/css/../images/buttons/button-scroll-up.svg");
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 0 12px #00000050;
    box-shadow: 0 0 12px #00000050
}

.projects__list-slider .btn-slider-wrapper .btn-slider:hover,.projects__list-slider .btn-slider-wrapper .btn-slider:focus {
    background-image: url("/local/templates/cgitems/assets/css/../images/buttons/button-scroll-up-light.svg")
}

.projects__list-slider .btn-slider-wrapper .btn-slider-prev {
    left: 100px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.projects__list-slider .btn-slider-wrapper .btn-slider-next {
    right: 100px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.projects__list-slider .btn-slider-wrapper:hover .btn-slider,.projects__list-slider .btn-slider-wrapper:focus .btn-slider {
    background-image: url("/local/templates/cgitems/assets/css/../images/buttons/button-scroll-up-light.svg")
}

.projects__list-slider .btn-slider-wrapper-prev {
    left: -14%
}

.projects__list-slider .btn-slider-wrapper-next {
    right: -14%
}

.projects-slider {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 95px 0 32px
}

.projects-slider__top {
    position: absolute;
    top: -32px;
    padding-left: 5px;
    margin-bottom: 5px
}

.projects-slider__name {
    margin: 0 10px 0 0;
    font-size: 14px;
    display: inline-block
}

.projects-slider .container-projects-slider {
    height: auto
}

.project {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #26303d;
    border-radius: 10px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.4);
    box-shadow: 0 4px 6px rgba(0,0,0,.4)
}

.project-stages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 40px
}

.project-stage {
    background: #202833;
    border-radius: 16px;
    padding: 0 12px 18px
}

.project-stage__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 18px 15px
}

.project-stage .stage-right {
    font-weight: 700
}

.project-stage .stage-left {
    color: #7d92b0;
    font-weight: 500
}

.project-stage__img {
    -webkit-filter: drop-shadow(0px 4.31981px 4.31981px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 4.31981px 4.31981px rgba(0, 0, 0, 0.25));
    border-radius: 16px;
    cursor: pointer
}

.project-stage__img-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.project__wrap {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 16px
}

.project__img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.project .btn-share {
    position: absolute;
    z-index: 2;
    opacity: 0;
    bottom: 5px;
    right: 14px;
    height: 0;
    width: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.project .btn-share svg {
    width: 0;
    height: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.project__link {
    border-radius: 10px
}

.project:hover .project__info-show,.project:focus-within .project__info-show {
    height: 16px;
    margin-top: 10px;
    opacity: 1
}

.project:hover .project__share-show,.project:focus-within .project__share-show {
    bottom: 14px;
    right: 14px;
    height: 32px;
    width: 32px;
    opacity: 1
}

.project:hover .project__share-show svg,.project:focus-within .project__share-show svg {
    width: 19px;
    height: 17px
}

.project:hover .project__img,.project:focus-within .project__img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5)
}

.project-sidebar {
    width: 100%;
    max-width: initial !important;
    height: auto
}

.project-sidebar.active {
    border: 1px solid #3757ff
}

.project-sidebar .project__wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.project-sidebar .stage {
    width: 56px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0
}

.project__link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    font-size: 0;
    outline: none
}

.project__top {
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.project-user-name {
    max-width: 110px;
    line-height: 1
}

.project__bottom {
    z-index: 2
}

.project__title {
    display: -webkit-box;
    max-width: 240px;
    letter-spacing: 1.3px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2
}

.project .reviews__user-project {
    padding: 0
}

.project__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.project__info-show {
    height: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.project__info-item {
    font-size: 12px;
    color: #e0edff;
    padding-left: 20px;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-position: left
}

.project__info-item-date {
    background-image: url("/local/templates/cgitems/assets/css/../images/socials/clock.svg")
}

.project__info-item-date-slider {
    font-size: 14px;
    color: #68788f;
    background-image: url("/local/templates/cgitems/assets/css/../images/socials/clock-violet.svg")
}

.project__info-item-wiews {
    background-image: url("/local/templates/cgitems/assets/css/../images/socials/wiews.svg")
}

.project__info-item-likes {
    background-image: url("/local/templates/cgitems/assets/css/../images/socials/likes.svg")
}

.project__info-item-comments {
    background-image: url("/local/templates/cgitems/assets/css/../images/socials/comments.svg")
}

.project__info-item-dark {
    color: #7d92b0
}

.project__info-item-dark-wiews {
    background-image: url("/local/templates/cgitems/assets/css/../images/socials/wiews-dark.svg")
}

.project__info-item-dark-likes {
    background-image: url("/local/templates/cgitems/assets/css/../images/socials/likes-dark.svg")
}

.project__info-item-dark-comments {
    background-image: url("/local/templates/cgitems/assets/css/../images/socials/comments-dark.svg")
}

.project__category {
    padding: 2px 16px;
    font-size: 14px;
    color: #7d92b0;
    background-color: #010203;
    border: 1px solid #26303d;
    border-radius: 5px
}

.project__category-slider {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 1
}

.project-item__slider {
    position: relative;
    vertical-align: top
}

.project-item__slider-img {
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-shadow: 0px 4px 16px rgba(0,0,0,.5);
    box-shadow: 0px 4px 16px rgba(0,0,0,.5)
}

.project-item__slider .image-expand {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/expand.svg");
    background-repeat: no-repeat;
    background-position: center
}

.project-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 378px;
    height: 234px;
    padding: 60px 0;
    margin-right: 16px;
    text-align: center;
    text-decoration: none;
    background-color: #010203;
    border-radius: 10px
}

.project-add:hover svg,.project-add:focus svg {
    fill: #7d92b0
}

.project-add__text {
    color: #7d92b0
}

.project-add svg {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    fill: #384557;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.project-add__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.project-add__box .project {
    margin-bottom: 16px;
    width: 290px;
    height: 181px;
    margin-right: 16px
}

.project-add-profile {
    max-height: calc(100vh - 200px);
    overflow-y: auto
}

.project-edit {
    line-height: 26px;
    background-color: #010203
}

.student {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    padding-bottom: 30px
}

.student__arrow {
    font-size: 14px
}

.student__name {
    font-size: 17px
}

.student__link {
    position: relative;
    display: block;
    text-decoration: none;
    color: #798faa;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.student__link::before {
    position: absolute;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.student__link-prev {
    padding-left: 32px
}

.student__link-prev::before {
    left: 0;
    border-color: transparent #798faa transparent transparent;
    border-width: 8.5px 9px 8.5px 0
}

.student__link-next {
    padding-right: 32px
}

.student__link-next::before {
    right: 0;
    border-color: transparent transparent transparent #798faa;
    border-width: 8.5px 0 8.5px 9px
}

.student__link:hover,.student__link:focus {
    color: #e0edff
}

.student__link:hover.student__link-prev::before,.student__link:focus.student__link-prev::before {
    border-color: transparent #e0edff transparent transparent
}

.student__link:hover.student__link-next::before,.student__link:focus.student__link-next::before {
    border-color: transparent transparent transparent #e0edff
}

.student__name {
    display: block;
    color: inherit
}

.project-sidebar .project__link .delete_project {
    display: none
}

.project-sidebar .project__link:hover .delete_project {
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    background: #414f62;
    border: 1px solid #2f3c4a;
    border-radius: 50px;
    left: auto;
    right: 15px;
    top: 15px;
    text-align: center;
    padding: 5px 0 0 0;
    cursor: pointer
}

.project-sidebar .project__link:hover .delete_project:hover {
    background: #798faa
}

.modal.delete {
    max-width: 400px;
    text-align: center;
    padding: 13px 0 24px;
    border-radius: 10px
}

.modal.delete .auth__title {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .03em;
    margin: 0;
    padding: 0 0 11px;
    border-bottom: 1px solid #2f3c4a;
    color: #798faa;
    font-style: normal;
    font-weight: 400
}

.modal.delete .text-center {
    height: 155px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #f3f4f4;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    letter-spacing: .03em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal.delete .text-center span {
    color: #0094ff
}

.modal.delete .text-end {
    text-align: center
}

.modal.delete .text-end .button-close {
    color: #fff;
    background: #0094ff;
    outline: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: inline-block;
    cursor: pointer
}

.modal.delete .text-end .button-close:hover {
    background: #006fbf
}

.modal.delete .text-end .button-default {
    color: #fff;
    border: 1px solid #0094ff;
    background: transparent;
    outline: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-left: 10px
}

.modal.delete .text-end .button-default:hover {
    background: #0094ff
}

.projects__list-slider .project-item__slider {
    display: none
}

.projects__list-slider.slick-initialized .project-item__slider {
    display: block
}

.project-item__slider:not(:first-child) {
    display: none
}

.accordion__content-bottom-new .panel-bar-elements {
    margin-left: 0
}

.images-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin-bottom: 25px
}

.accordion-profile {
    border: 1px solid #2f3b4a
}

.accordion-profile .panel-bar {
    padding: 10px 20px
}

.accordion__content-bottom-new .panel-bar .bar-element-project {
    padding: 14px 15px 11px
}

.accordion__content-bottom-new .panel-bar .bar-element.pointer-none,.accordion__content-bottom-new .panel-bar-elements .bar-element.pointer-none .bar-element-subtitle {
    color: #13171a
}

.accordion__content-bottom-new .accordion-wrapper__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #2f3b4a
}

.accordion__content-bottom-new .accordion-project_type {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 8px 0;
    color: #7d92b0
}

.accordion__content-bottom-new .button-small.disabled {
    pointer-events: all
}

.accordion__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #2f3b4a
}

.accordion__item-content-left,.accordion__item-content-right {
    width: 100%
}

.accordion__item-content-left {
    background: url("/local/templates/cgitems/assets/images/projects/project-bg.jpg") no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 104px 90px;
    gap: 20px
}

.accordion__item-content-left .title_image {
    width: 100%;
    max-width: 300px
}

.accordion__item-content-left .project_text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.title_image .title_image_plus.unactive,.project_images.unactive .title_image_plus {
    display: none
}

.accordion__item-content-left .title_image .title_image_plus path {
    fill: #384557
}

.accordion__item-content-left .title_image:hover .title_image_plus path {
    fill: #798faa
}

.accordion__item-content-left #title_image {
    display: none
}

.accordion__item-content-left .title_image label .title_image_text {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #798faa;
    margin-top: 10px;
    display: block
}

.accordion__item-content-left .title_image label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #13171a;
    border: 1px solid #2f3c4a;
    width: 100%;
    cursor: pointer;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    height: 198px
}

.accordion__item-content-left #input_name {
    height: 35px;
    background: #13171a;
    border: 1px solid #2f3c4a;
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,.5);
    box-shadow: 0px 4px 8px rgba(0,0,0,.5);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin: 0
}

.accordion__item-content-left #input_description {
    height: 148px;
    background: #13171a;
    border: 1px solid #2f3c4a;
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,.5);
    box-shadow: 0px 4px 8px rgba(0,0,0,.5);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin: 15px 0 0
}

.accordion__item-content-left #input_description:focus-visible {
    outline: 0
}

.accordion__item-content-left #input_name::-webkit-input-placeholder, .accordion__item-content-left #input_description::-webkit-input-placeholder {
    color: #798faa
}

.accordion__item-content-left #input_name::-moz-placeholder, .accordion__item-content-left #input_description::-moz-placeholder {
    color: #798faa
}

.accordion__item-content-left #input_name:-ms-input-placeholder, .accordion__item-content-left #input_description:-ms-input-placeholder {
    color: #798faa
}

.accordion__item-content-left #input_name::-ms-input-placeholder, .accordion__item-content-left #input_description::-ms-input-placeholder {
    color: #798faa
}

.accordion__item-content-left #input_name::placeholder,.accordion__item-content-left #input_description::placeholder {
    color: #798faa
}

.accordion__item-content-right {
    padding: 104px 90px 60px;
    position: relative
}

.accordion__item-content-right .project_images {
    position: relative
}

.accordion__item-content-right .project_images label {
    background-color: #13171a;
    -webkit-box-shadow: inset 0px 0px 12px rgba(0,0,0,.3);
    box-shadow: inset 0px 0px 12px rgba(0,0,0,.3);
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 173px;
    cursor: pointer
}

.project_images.unactive label {
    border: 1px dashed #2f3c4a
}

.accordion__item-content-right .project_images .title_image_plus path {
    fill: #384557
}

.accordion__item-content-right .project_images:hover .title_image_plus path {
    fill: #798faa
}

.accordion__item-content-right .project_images input {
    display: none
}

.project_back {
    display: block;
    position: absolute;
    left: auto;
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
    padding: 4px 0 0;
    text-align: center;
    border-radius: 32px;
    background: #384557;
    border: 1px solid #2f3c4a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.project_back:hover {
    background: #798faa
}

.project_images .removeImage {
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    background: #414f62;
    border: 1px solid #2f3c4a;
    border-radius: 50px;
    left: auto;
    right: 12px;
    top: 12px;
    text-align: center;
    padding: 5px 0 0 0;
    cursor: pointer
}

.project_images.unactive:hover label {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5)
}

.project_images.unactive:hover .removeImage {
    display: block
}

.project_images.unactive:hover .removeImage:hover {
    background: #798faa
}

.project_name_block {
    margin-bottom: 8px;
    max-height: 42px;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 0
}

.project_name_block span {
    font-size: 18px;
    vertical-align: top;
    line-height: 21px
}

.project_name_block a.create_project_name {
    background: #0094ff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    padding: 4px 0 0;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #26303d;
    text-align: center;
    vertical-align: top;
    border-radius: 20px;
    margin-top: 1px
}

.project_name_block a.create_project_name svg {
    vertical-align: top
}

.project_name_block a.create_project_name svg path {
    fill: #04476b
}

.project_name_block a.create_project_name:hover {
    background: #006fbf
}

.accordion__item-content-marmoset {
    width: 100%;
    height: 818px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("/local/templates/cgitems/assets/images/projects/project-bg.jpg") no-repeat center;
    -webkit-box-shadow: inset 0px 0px 18px rgba(0,0,0,.5);
    box-shadow: inset 0px 0px 18px rgba(0,0,0,.5);
    background-size: cover
}

.accordion__item-content-marmoset .marmoset-emberblock {
    width: 396px;
    height: 250px;
    background: #202833;
    border: 1px solid #2f3c4a;
    -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,.5);
    box-shadow: 0px 4px 8px rgba(0,0,0,.5);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 40px
}

.accordion__item-content-marmoset .marmoset-emberblock input {
    width: 100%;
    height: 32px;
    background: #13171a;
    border: 1px solid #2f3c4a;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 16px;
    color: #fff;
    margin: 0 0 16px
}

.accordion__item-content-marmoset .marmoset-emberblock .embertext {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #798faa
}

.accordion__item-content-marmoset .marmoset-emberblock .embertext a {
    color: #0094ff
}

.course-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 300
}

.course-category-val {
    font-size: 12px;
    font-weight: 900;
    background-color: #d1931b;
    padding: 1px 6px;
    border-radius: 4px
}

.comments {
    height: calc(100vh - 268px);
    padding: 0 10px 10px 24px;
    margin-right: 7px;
    overflow: auto
}

.comments::-webkit-scrollbar-track {
    margin-bottom: 40px
}

.comments .reviews__date {
    font-weight: 400
}

.comments .reviews__user {
    padding-left: 0
}

.comments .user-reviews {
    width: 34px;
    height: 34px;
    font-size: 16px
}

.comments .icon-reviews {
    font-size: 16px;
    line-height: 16px
}

.comment__text {
    font-size: 16px;
    color: #7b8ea9;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 1px
}

.comment:first-child .reviews__user {
    padding-top: 0
}

.comment__alert {
    top: -77px;
    position: absolute;
    padding: 24px;
    background: #202833;
    width: 100%
}

.comment-input {
    border: 1px solid #2f3c4a;
    border-radius: 5px
}

.comment-input svg {
    fill: #0094ff
}

.comment-btn__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: -14px
}

.comment-input {
    background: #171b1f;
    cursor: text
}

.comment__reply-block textarea {
    background-color: #171b1f
}

.replies .comment {
    margin-bottom: 10px
}

.replies__buttons {
    margin: 5px 0 15px
}

.replies__btn {
    margin-right: 10px;
    font-size: 13px
}

.replies__list {
    display: none;
    padding-left: 20px;
    margin-left: 17px;
    border-left: 1px solid #7b8ea9
}

.replies__list.active {
    display: block
}

.replies__item {
    padding-bottom: 15px
}

.replies__item .reviews__user {
    padding-bottom: 8px
}

.replies__item:first-child .reviews__user {
    padding-top: 0
}

.replies__item:last-child {
    padding-bottom: 0
}

.replies__text {
    font-size: 16px;
    color: #7b8ea9;
    font-weight: 300
}

.replies__name {
    color: #0099e9
}

.btn-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    background-color: transparent
}

.btn-comment svg {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.btn-comment:hover svg,.btn-comment:focus svg {
    fill: #006fbf
}

.articles-comments .sidebar__bottom .form__textarea {
    margin: 0
}

.articles-comments .sidebar__bottom-comments {
    padding: 0;
    border: 0
}

.articles__center-profile {
    width: 100%
}

.articles__right {
    width: 245px;
    min-width: 245px;
    padding-right: 16px;
    overflow: auto
}

.articles #articles-filter {
    margin-bottom: 40px
}

.articles__sort {
    margin-top: 32px
}

.articles__list {
    padding-bottom: 25px;
    overflow: auto
}

.articles__list-alphabet {
    margin-bottom: 16px
}

.articles__list-alphabet:last-of-type {
    margin-bottom: 0
}

.articles__list-detail {
    height: calc(100vh - 155px)
}

.articles__list-list {
    height: calc(100vh - 420px);
    margin-top: 40px
}

.articles__list-popular {
    margin-bottom: 40px;
    margin-top: 10px
}

.articles__nav-link {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-decoration: none
}

.articles__submenu {
    display: none;
    padding-left: 14px
}

.articles__submenu-item {
    position: relative;
    max-width: 306px;
    overflow: hidden;
    padding-left: 22px
}

.articles__submenu-item:hover .articles__submenu-link {
    border-bottom: 1px solid
}

.articles__submenu-item.active .articles__submenu-link {
    border-bottom: 1px solid
}

.articles__submenu-item.active .articles__submenu-link::before {
    background-image: url("/local/templates/cgitems/assets/css/../images/file-blue.svg")
}

.articles__submenu-link {
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-bottom: 1px solid transparent
}

.articles__submenu-link:hover,.articles__submenu-link.active {
    color: #fff
}

.articles__submenu-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("/local/templates/cgitems/assets/css/../images/file.svg");
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat
}

.articles__parent-btn {
    position: relative;
    padding: 0 0 0 25px;
    background-color: transparent
}

.articles__parent-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("/local/templates/cgitems/assets/css/../images/folder.svg");
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat
}

.articles__parent-btn-doc {
    color: #7b8ea9
}

.articles__parent-btn-doc::before {
    background-image: url("/local/templates/cgitems/assets/css/../images/folder-gear.svg") !important
}

.articles__nav-item.active .articles__submenu {
    display: block
}

.articles__nav-item.active .articles__parent-btn::before {
    background-image: url("/local/templates/cgitems/assets/css/../images/folder-open.svg")
}

.articles__sort {
    display: none;
    width: 100%;
    max-width: 260px;
    padding-left: 24px;
    margin-bottom: 30px
}

.articles__sort-text {
    font-size: 12px;
    color: #7d92b0;
    margin-right: 20px
}

.articles__sort .input__sort {
    font-size: 12px;
    color: #7d92b0;
    border: 1px solid #2f3c4a
}

.articles-lock-alert {
    display: none;
    padding: 10px 12px;
    background: #414f62;
    border-radius: 10px;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .04em;
    color: #f3f4f4
}

.articles-lock-alert.active {
    display: block
}

.nav-locked {
    position: relative;
    padding-right: 22px;
    color: #7b8ea9
}

.nav-locked::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("/local/templates/cgitems/assets/css/../images/lock.svg");
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat
}

.article {
    position: relative;
    margin-bottom: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.article:hover .article-inner {
    color: #798faa
}

.article:hover .article-right img {
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7)
}

.article:hover .article__category {
    color: #798faa
}

.article:hover .article__link,.article:hover .article__preview {
    color: #798faa
}

.article:hover .reviews__user {
    opacity: .7
}

.article-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.article-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.article-right {
    width: 316px
}

.article-right img {
    border-radius: 8px;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.article-date {
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: .04em;
    color: #798faa
}

.article:last-child {
    margin-bottom: 0
}

.article__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    gap: 5px;
    color: #798faa
}

.article__title {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700
}

.article__title-popular {
    margin-bottom: 0;
    font-size: 14px
}

.article__title-popular .article__category {
    display: block;
    margin: 3px 0 2px
}

.article__title-popular .article__category::before {
    content: "#"
}

.article__title-employment {
    margin-bottom: 8px
}

.article .article__category {
    font-size: 16px;
    margin: 0 0 5px;
    display: inline-block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.article__date {
    font-size: 14px;
    line-height: 14px;
    color: #7d92b0;
    letter-spacing: 1px
}

.article__link {
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.article__link-popular {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.article__text {
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 10px;
    padding-right: 24px
}

.article__text-alphabet {
    font-size: 16px;
    padding-right: 0
}

.article__text-alphabet .text-bold {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 160%;
    letter-spacing: .06em
}

.article__bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.article__bottom-col-share {
    z-index: 2
}

.article__preview {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    margin-bottom: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.article-popular {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article-popular::before {
    top: auto;
    right: 16px;
    bottom: 16px;
    width: 28px;
    height: 28px;
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/three-pixel.svg");
    border-radius: 0
}

.article-popular .article__date {
    font-weight: 300
}

.article-popular .reviews__user {
    padding-left: 0;
    padding-bottom: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.article-popular .user-reviews {
    width: 48px;
    height: 48px
}

.article-banner {
    margin-bottom: 10px
}

.article-banner__img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.5);
    box-shadow: 0 4px 8px rgba(0,0,0,.5)
}

.article__category {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px
}

.article__category-marmoset {
    color: #9c3
}

.article__category-substance_painter {
    color: #33cca6
}

.article__category-unreal {
    color: #f96
}

.article__category-tutorial {
    color: #238f43
}

.article__category-zbrush {
    color: #ccf
}

.article__category-unity {
    color: #f66
}

.article__category-maya {
    color: #e3ae00
}

.article__category-documentation {
    color: #1d7dd7
}

.article__category-baza {
    color: #9abc8d
}

.article__category-industry {
    color: #c933cc
}

.article__category-3ds_max {
    color: #631dd7
}

.article__category-blender {
    color: #c400c8
}

.article__category-optimization {
    color: #1dd7cb
}

.article__category-content-top {
    font-size: 20px
}

.article-alphabet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.article__letter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 33px;
    min-width: 33px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #6966ff;
    font-weight: 900;
    font-size: 22px;
    text-align: center;
    line-height: 1.2;
    color: #232c38;
    border-radius: 10px;
    margin-bottom: 10px
}

.article-back {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 4px 16px;
    position: absolute;
    left: 50%;
    background-color: #171b1f;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.article-back:hover {
    color: #d6e7ff
}

.banners__title {
    padding-left: 15px;
    font-size: 17px
}

.alphabet__item.empty .alphabet__link {
    pointer-events: none
}

.content-search .articles__list-list {
    height: calc(100vh - 160px)
}

.articles-list-saved .articles__list-list {
    height: calc(100vh - 385px)
}

.articles-list-saved .articles__right-popular {
    height: calc(100vh - 292px)
}

.background-dark {
    background-color: #202833;
    padding: 12px;
    border-radius: 10px
}

.background-dark-block {
    position: relative;
    padding-top: 0
}

.background-dark-block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 48px;
    width: 100%;
    height: 1px;
    background-color: #101416
}

.background-dark-block .button-sidebar {
    padding: 16px 23px 16px 36px;
    background-position: 0 center;
    margin-bottom: 13px;
    pointer-events: none
}

.background-dark-block .button-sidebar::before {
    right: 0
}

.background-dark .social,.background-dark .list {
    padding: 0 !important
}

.background-dark .menu-mobile__item {
    line-height: 1.2
}

.test__item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1125px;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.test__item img {
    border-radius: 10px
}

.test__item-img-cover {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.test__item.active {
    z-index: 1;
    opacity: 1
}

.test__item-inner {
    position: relative
}

.test__item-buttons {
    position: absolute;
    top: 16px;
    right: 16px
}

.test__item-btn {
    margin-right: 5px;
    background-color: #414f62;
    border-color: #2f3b4a
}

.test__item-btn-deg {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.drag-and-drop {
    position: relative;
    padding: 0 156px
}

.drag-and-drop__inner {
    position: relative;
    padding: 50px;
    background-color: #202833;
    border: 1px solid #26303d;
    border-radius: 10px
}

.drag-and-drop__content {
    position: relative;
    padding: 160px 334px;
    text-align: center
}

.drag-and-drop__detail-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.drag-and-drop__text {
    margin-bottom: 15px
}

.drag-and-drop__item {
    position: relative;
    width: 150px;
    height: 95px;
    padding: 0;
    margin-bottom: 10px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.drag-and-drop__item:hover,.drag-and-drop__item:focus,.drag-and-drop__item.active {
    border: 1px solid #0099e9
}

.drag-and-drop__item.active-edit img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.drag-and-drop__item-border {
    background-color: #010203;
    border: 1px dashed #26303d
}

.drag-and-drop__item-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 1.2;
    color: #e0edff;
    text-align: center
}

.drag-and-drop__item-size {
    font-size: 12px;
    margin-top: 3px
}

.drag-and-drop__item img {
    border-radius: 5px;
    height: 100%
}

.drag-and-drop__item-img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
    height: 93px
}

.drag-and-drop__item.shadow img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5)
}

.drag-and-drop__item #preview-img {
    width: 100%;
    max-height: 93px
}

.drag-and-drop__button {
    display: inline-block;
    margin-bottom: 28px
}

.drag-and-drop__btn {
    display: none
}

.drag-and-drop__left {
    width: 170px;
    height: 617px;
    margin-right: 24px;
    overflow: auto
}

.drag-and-drop__embed {
    position: absolute;
    width: 100%;
    height: 119px;
    bottom: 34px;
    padding: 0 20px;
    left: 0;
    z-index: 2
}

.drag-and-drop__embed.active {
    display: block
}

.drag-and-drop__embed .accordion__textarea {
    width: 100%;
    height: 100%
}

.drag-and-drop__marmoset {
    position: relative;
    z-index: 2
}

#fileElem {
    display: none
}

#drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 2px dashed #7d92b0;
    border-radius: 10px
}

#drop-area.highlight {
    border-color: #fff
}

#gallery {
    margin-top: 10px
}

#gallery img {
    max-height: 80px;
    height: auto;
    max-width: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle
}

progress,progress[role][aria-valuenow] {
    display: none;
    background: #000;
    border-radius: 5px;
    border: none
}

::-webkit-progress-bar {
    background-color: #000;
    border-radius: 5px
}

::-webkit-progress-value {
    background-color: #fff;
    border-radius: 5px
}

#add-img-project-label {
    cursor: pointer
}

.profile-color {
    position: absolute;
    top: -20px;
    left: -40px;
    z-index: 10;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    width: 140px;
    padding: 10px;
    background-color: #202833;
    border: 1px solid #26303d;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px 8px #0009;
    box-shadow: 0 0 8px 8px #0009
}

.profile-color__box {
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 50%
}

.profile-color__input {
    width: 1px;
    height: 1px;
    opacity: 0
}

.profile__menu {
    width: 240px;
    left: -160px;
    top: 52px
}

.profile__menu svg {
    margin-right: 10px;
    fill: #889dba;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.profile__menu .profile__link {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.profile__menu .profile__link:hover {
    color: #0377b4
}

.profile__menu .profile__link:hover svg {
    fill: #0377b4
}

.personal {
    padding: 0 24px
}

.personal .input {
    height: 32px;
    margin-bottom: 12px
}

.personal .input-dark {
    background-color: #010203
}

.personal .input__text {
    font-size: 14px;
    color: #7d92b0;
    font-weight: 400
}

.personal .social__link-dark {
    min-width: 32px;
    margin-left: 12px;
    background-color: #010203;
    border: 0
}

.personal__socials .input__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.button-notify {
    position: relative;
    border: 1px solid #26303d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notify {
    position: absolute;
    display: none;
    top: 52px;
    right: 50px;
    z-index: 14;
    width: 320px;
    background-color: #202833;
    border-radius: 10px;
    border: 1px solid #26303d;
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25)
}

.notify.active {
    display: block
}

.notify__inner {
    max-height: 523px;
    padding-bottom: 10px
}

.notify__item {
    border-bottom: 1px solid #26303d
}

.notify__item-bottom {
    padding: 16px;
    border-radius: 0 0 10px 10px
}

.notify__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.notify__link:hover,.notify__link:focus {
    background-color: #26303d
}

.notify__text {
    font-size: 14px;
    margin-left: 10px;
    line-height: 1.2
}

.notify__date {
    background-color: #26303d;
    padding: 6px 16px;
    font-size: 14px;
    font-style: italic;
    color: #7d92b0
}

.notify__date:first-child {
    border-radius: 10px 10px 0 0
}

.notify__bottom {
    padding: 6px 16px;
    font-size: 14px;
    color: #7d92b0;
    background-color: #26303d;
    border-radius: 0 0 10px 10px
}

.notify__count {
    position: absolute;
    top: -5px;
    left: 53%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 700;
    background-color: #0099e9;
    border-radius: 50%;
    line-height: 20px;
    color: #fff
}

.header {
    position: relative;
    padding: 10px 0;
    background-color: #15191d;
    -webkit-box-shadow: 0 4px 4px 1px rgba(0,0,0,.5);
    box-shadow: 0 4px 4px 1px rgba(0,0,0,.5)
}

.header.fixed {
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    right: 0
}

.header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px
}

.header__item {
    margin-left: 32px
}

.header__item-button.empty_block {
    width: 195px;
    height: 32px
}

.header__item-user {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 16px
}

.header__item-user .button-notify {
    margin-right: 16px
}

.header__item-user .user__default {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #2f3c4a;
    background-size: cover;
    background-position: center
}

.header .logo__img {
    display: block
}

.header-logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header-logo a {
    display: block;
    max-width: 112px
}

.header__search-form {
    position: relative;
    width: 100%;
    max-width: 540px
}

.header__form-control {
    width: 100%
}

.header .tss-label {
    display: none
}

.mobile-search {
    display: none
}

.menu__btn {
    position: absolute;
    right: 0;
    display: none;
    width: 56px;
    height: 100%;
    background-color: #414f62;
    border: none
}

.menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.menu__item {
    margin-right: 40px
}

.menu__item.parent {
    position: relative
}

.menu__item.parent .menu__list {
    position: relative;
    display: block;
    background: #202833;
    -webkit-box-shadow: 0 0 5px 0 #000;
    box-shadow: 0 0 5px 0 #000;
    padding: 10px;
    top: 23px;
    border-radius: 10px
}

.menu__item.parent .menu__list-wrapper {
    display: none;
    position: absolute;
    z-index: 1;
    width: 250px
}

.menu__item.parent .menu__list .menu__link::before {
    display: none
}

.menu__item.parent .menu__list .menu__link:hover,.menu__item.parent .menu__list .menu__link.active {
    color: #3757ff
}

.menu__item.parent:hover .menu__list-wrapper {
    display: block
}

.menu__item:last-child {
    margin: 0
}

.menu__link {
    position: relative;
    color: #fff;
    text-decoration: none;
    background: none;
    padding-bottom: 8px
}

.menu__link::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: transparent;
    border-radius: 11px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.menu__link.active,.menu__link:hover {
    color: #fff
}

.menu__link.active::before,.menu__link:hover::before {
    background: #3757ff
}

.menu-mobile-item {
    display: none
}

.menu .mobile-search-item {
    display: none
}

.search-form {
    display: none !important
}

.footer {
    position: relative;
    padding: 93px 0 75px;
    background-color: #0b0e12;
    border-top: 1px solid #26303d;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.footer-container {
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
    padding: 0;
    z-index: 1
}

.footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__logo {
    width: 100%;
    max-width: 282px
}

.footer__logo-img {
    width: 100%;
    height: auto
}

.footer .header__item.menu {
    margin-left: 0
}

.footer .menu__list {
    display: block
}

.footer .menu__list .menu__item {
    margin-bottom: 12px;
    margin-right: 0
}

.footer .menu__list .menu__item .menu__list-wrapper {
    display: none !important
}

.footer .menu__list .menu__link {
    line-height: 160%;
    letter-spacing: .03em;
    font-size: 20px
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer__menu-wrap {
    max-width: 806px;
    width: 100%
}

.footer__menu-text {
    padding-top: 12px;
    border-top: 2px solid #414f62;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .03em;
    color: #68788f;
    margin-top: 30px
}

.footer__menu-list-item {
    margin-bottom: 12px;
    line-height: 1.4
}

.footer__menu-list-link {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: .03em
}

.footer .link {
    font-size: 20px
}

.footer-min {
    background-color: #101416;
    padding-top: 140px
}

.footer-min-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 20px;
    color: #68788f;
    background-color: #0b0e12;
    padding: 20px 40px;
    border-top: 1px solid #202833
}

.sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 247px;
    z-index: 11
}

.sidebar-articles {
    padding-top: 0
}

.sidebar-review {
    top: 60px !important;
    width: 268px
}

.sidebar__left {
    position: absolute;
    top: 0;
    left: -100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0;
    background: #101416;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sidebar__left.sidebar-profile {
    opacity: 0 !important;
    pointer-events: none
}

.sidebar__left.sidebar-profile .sidebar__user {
    padding-bottom: 0
}

.sidebar__left.sidebar-profile .personal-input {
    padding: 0 10px 0 0
}

.sidebar__left-projects.active,.sidebar__left-comments.active,.sidebar__left-message.active,.sidebar__left.sidebar-profile.active {
    left: 0;
    opacity: 1 !important;
    pointer-events: initial
}

.sidebar__left-message {
    padding-bottom: 0
}

.sidebar__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.sidebar__top-project {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 20px;
    margin-bottom: 23px;
    border-bottom: 1px solid #26303d
}

.sidebar__top-message {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sidebar__top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sidebar__top-text {
    margin-left: 13px
}

.sidebar__top-articles {
    padding: 14px 24px
}

.sidebar__wrapper {
    padding: 0 20px
}

.sidebar__wrapper-projects {
    height: calc(100vh - 10%);
    padding-right: 23px;
    margin-right: 7px;
    overflow: auto
}

.sidebar__wrapper-projects.not-scroll {
    margin-right: 0
}

.sidebar__user {
    background-color: #202833;
    border-radius: 15px;
    padding-bottom: 20px
}

.sidebar__user-name {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6px
}

.sidebar__project-name {
    display: block;
    margin-bottom: 16px;
    text-transform: none
}

.sidebar__project-name::after {
    top: 0
}

.sidebar__project-name-subtext {
    font-size: 14px;
    font-weight: 400
}

.sidebar__project-desc {
    height: 140px;
    padding: 0 15px 0 30px;
    margin-right: 8px;
    margin-bottom: 16px;
    overflow: auto;
    font-weight: 300;
    letter-spacing: .5px
}

.sidebar-button-icon {
    padding-left: 46px;
    text-transform: initial
}

.sidebar__link {
    display: block;
    width: 100%;
    padding: 8px 24px;
    text-align: inherit;
    background: transparent;
    border-top: 1px solid #26303d
}

.sidebar__link path {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sidebar__link:hover,.sidebar__link:focus {
    color: #7d92b0
}

.sidebar__link:hover .link__icon path,.sidebar__link:focus .link__icon path {
    fill: #7d92b0
}

.sidebar__link:last-child {
    border-bottom: 1px solid #26303d
}

.sidebar__link-back {
    padding-left: 0;
    cursor: pointer;
    border: none;
    width: auto
}

.sidebar .link__icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: sub
}

.sidebar .other__projects-counter,.sidebar .comments__counter {
    color: #7d92b0
}

.sidebar__bottom .social {
    padding: 0 24px
}

.sidebar__bottom-comments {
    position: absolute;
    bottom: 0;
    padding: 24px 0;
    width: 100%;
    background-color: #13171a;
    border-top: 1px solid #26303d
}

.sidebar__bottom .form__textarea {
    margin: 0 24px
}

.sidebar__bottom-text {
    font-size: 13px;
    color: #7b8ea9;
    font-weight: 300;
    position: relative;
    max-width: 270px;
    padding-left: 60px
}

.sidebar__bottom-text::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 0;
    width: 45px;
    height: 30px;
    background-image: url("/local/templates/cgitems/assets/css/../images/cgitems-bg-violet.svg");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar__bottom .input__text-dark {
    color: #7b8ea9;
    font-weight: 400
}

.sidebar__bottom .input-dark {
    background-color: transparent
}

.sidebar__form-box {
    padding: 0 24px
}

.sidebar__textarea {
    width: 100%;
    height: calc(100% - 60px);
    padding: 10px;
    resize: none;
    background-color: #0e1112;
    outline: none
}

.sidebar-profile .test__item-btn {
    display: none
}

.sidebar-profile .user__default-big-img {
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sidebar-profile .user__default-big-img .test__item-btn {
    position: absolute;
    display: block;
    z-index: 3;
    top: 5px;
    left: 13px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sidebar-profile .user__default-big-img::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 57px;
    height: 45px;
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/camera.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sidebar-profile .user__default-big-img img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sidebar-profile .user__default-big-img:hover::before {
    opacity: 1
}

.sidebar-profile .user__default-big-img:hover img {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5)
}

.sidebar-profile .user__default-big-img:hover .test__item-btn {
    opacity: 1;
    pointer-events: all
}

.sidebar-review .sidebar__top {
    height: 100%
}

.sidebar-review .sidebar__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px;
    border-bottom: 1px solid #26303d
}

.sidebar-review .profile-edit {
    margin-bottom: 0
}

.sidebar-review .reviews__user {
    padding: 0
}

.sidebar-review .sidebar__textarea {
    height: 800px;
    overflow-y: auto;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .06em
}

.sidebar-review-item.active {
    border-bottom: 1px solid
}

.profile-edit {
    position: absolute;
    z-index: 1;
    background: #101416;
    border-radius: 50%;
    padding: 3px;
    right: 10px;
    top: 25px
}

.menu-mobile {
    display: block
}

.menu-mobile__list {
    padding: 0 24px;
    margin-bottom: 20px
}

.menu-mobile__link {
    font-size: 16px;
    font-weight: 500;
    color: #7d92b0;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.menu-mobile__link:hover,.menu-mobile__link:focus {
    color: #e0edff
}

.achive-desc {
    position: absolute;
    top: 45px;
    left: 30px;
    z-index: 1;
    display: block;
    width: 450px
}

.achive-desc-text {
    display: inline-block;
    display: none;
    padding: 0 7px;
    color: #e0edff;
    background-color: #010203;
    border: 1px solid #e0edff;
    border-radius: 3px
}

.form__btn-box-sidebar {
    padding: 10px 30px;
    text-align: end
}

.menu-mobile {
    display: none
}

.home-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    background-color: #101416
}

.block {
    display: block
}

.blink {
    -webkit-animation: blink 5s linear infinite;
    animation: blink 5s linear infinite
}

@-webkit-keyframes blink {
    0% {
        color: #ce9d40
    }

    50% {
        color: #f6bd3e
    }

    100% {
        color: #ce9d40
    }
}

@keyframes blink {
    0% {
        color: #ce9d40
    }

    50% {
        color: #f6bd3e
    }

    100% {
        color: #ce9d40
    }
}

.video-stream {
    text-align: end;
    max-width: 470px;
    position: fixed;
    top: 30vh;
    right: 100px;
    width: 100%;
    z-index: 12
}

.video-stream-close {
    position: relative;
    right: -35px
}

.video-stream-close:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.video-stream .video--enabled {
    border: 0;
    border-radius: 4px
}

.container {
    margin: 0 auto
}

.container__main {
    max-width: 1214px;
    margin: 0 auto
}

.container__main-min {
    max-width: 870px
}

.container__main-slider {
    max-width: 875px
}

.container__main-middle {
    max-width: 990px
}

.title__main {
    color: var(--unnamed, #E2E1E1);
    font-size: 48px;
    font-weight: 500;
    text-align: center;
    text-transform: initial;
    margin-top: 0;
    margin-bottom: 31px
}

.title__main-icon {
    text-align: center;
    margin-bottom: 32px
}

.title-container {
    max-width: 700px;
    margin: 0 auto 65px
}

.subtitle__main {
    color: var(--white, #F3F4F4);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: .6px;
    margin-bottom: 65px
}

.reviews-main .review-all-link {
    margin-top: 50px
}

.courses {
    background-image: url("/local/templates/cgitems/assets/css/../images/home/courses-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 130px
}

.courses__title {
    color: #ffb800;
    text-align: center;
    text-shadow: 0 3.6982057095px 3.6982057095px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);
    font-family: Montserrat;
    font-size: 72px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 3.24px;
    margin: 24px 0
}

.courses__title-min {
    text-align: center;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 1.26px
}

.courses__title-text {
    color: #fff;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0,0,0,.25);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: .72px;
    margin-bottom: 80px
}

.courses__subtitle {
    text-align: center;
    text-shadow: 0 4px 4px rgba(0,0,0,.25),0 4px 4px rgba(0,0,0,.25);
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 3.4px
}

.courses__list {
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 32px;
    margin: 35px 0 80px
}

.courses__item {
    position: relative;
    border-radius: 16px;
    border: 1px solid #2d333a;
    background: #232931;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    max-width: 376px;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    overflow: hidden
}

.courses__item:hover .courses__item-inner {
    background: transparent
}

.courses__item:hover .btn-border.courses__item-button {
    background: -o-radial-gradient(60.33% 33.9%, 72.49% 139.83%, rgba(255, 255, 255, 0) 0%, rgba(235, 235, 235, 0.2) 100%),#bd7d1c;
    background: radial-gradient(72.49% 139.83% at 60.33% 33.9%, rgba(255, 255, 255, 0) 0%, rgba(235, 235, 235, 0.2) 100%),#bd7d1c;
    border-color: #bd7d1c
}

.courses__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(428.95% 32.38% at 17.72% 91.93%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),radial-gradient(154.13% 26.81% at 91.4% 5.56%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),-webkit-gradient(linear, left bottom, left top, from(rgba(81, 60, 42, 0.65)), to(rgba(81, 60, 42, 0.65))),-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))),url("/local/templates/cgitems/assets/css/../images/gas-station.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat;
    background: -o-radial-gradient(17.72% 91.93%, 428.95% 32.38%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),-o-radial-gradient(91.4% 5.56%, 154.13% 26.81%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),-o-linear-gradient(bottom, rgba(81, 60, 42, 0.65) 0%, rgba(81, 60, 42, 0.65) 100%),-o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),url("/local/templates/cgitems/assets/css/../images/gas-station.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat;
    background: radial-gradient(428.95% 32.38% at 17.72% 91.93%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),radial-gradient(154.13% 26.81% at 91.4% 5.56%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),linear-gradient(0deg, rgba(81, 60, 42, 0.65) 0%, rgba(81, 60, 42, 0.65) 100%),linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),url("/local/templates/cgitems/assets/css/../images/gas-station.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat
}

.courses__item-medium::before {
    background: radial-gradient(428.95% 32.38% at 17.72% 91.93%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),radial-gradient(154.13% 26.81% at 91.4% 5.56%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),-webkit-gradient(linear, left bottom, left top, from(rgba(81, 60, 42, 0.65)), to(rgba(81, 60, 42, 0.65))),-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))),url("/local/templates/cgitems/assets/css/../images/vehicles-and-props.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat;
    background: -o-radial-gradient(17.72% 91.93%, 428.95% 32.38%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),-o-radial-gradient(91.4% 5.56%, 154.13% 26.81%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),-o-linear-gradient(bottom, rgba(81, 60, 42, 0.65) 0%, rgba(81, 60, 42, 0.65) 100%),-o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),url("/local/templates/cgitems/assets/css/../images/vehicles-and-props.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat;
    background: radial-gradient(428.95% 32.38% at 17.72% 91.93%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),radial-gradient(154.13% 26.81% at 91.4% 5.56%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),linear-gradient(0deg, rgba(81, 60, 42, 0.65) 0%, rgba(81, 60, 42, 0.65) 100%),linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),url("/local/templates/cgitems/assets/css/../images/vehicles-and-props.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat
}

.courses__item-hard::before {
    background: radial-gradient(428.95% 32.38% at 17.72% 91.93%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),radial-gradient(154.13% 26.81% at 91.4% 5.56%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),-webkit-gradient(linear, left bottom, left top, from(rgba(81, 60, 42, 0.65)), to(rgba(81, 60, 42, 0.65))),-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))),url("/local/templates/cgitems/assets/css/../images/artist.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat;
    background: -o-radial-gradient(17.72% 91.93%, 428.95% 32.38%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),-o-radial-gradient(91.4% 5.56%, 154.13% 26.81%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),-o-linear-gradient(bottom, rgba(81, 60, 42, 0.65) 0%, rgba(81, 60, 42, 0.65) 100%),-o-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),url("/local/templates/cgitems/assets/css/../images/artist.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat;
    background: radial-gradient(428.95% 32.38% at 17.72% 91.93%, rgba(35, 41, 49, 0.53) 0%, rgba(35, 41, 49, 0.53) 28.13%, rgba(35, 41, 49, 0) 100%),radial-gradient(154.13% 26.81% at 91.4% 5.56%, rgba(229, 137, 26, 0.2) 0%, rgba(227, 140, 29, 0.17) 28.13%, rgba(214, 160, 55, 0) 100%),linear-gradient(0deg, rgba(81, 60, 42, 0.65) 0%, rgba(81, 60, 42, 0.65) 100%),linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%),url("/local/templates/cgitems/assets/css/../images/artist.png"),#d3d3d3 -186.814px -75px/233.651% 115.723% no-repeat
}

.courses__item-image:hover {
    background: #2f363f
}

.courses__item-image::before {
    display: none
}

.courses__item-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #232931;
    padding: 24px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    height: 100%
}

.courses__item-image {
    text-align: center
}

.courses__item-img {
    width: 91px;
    height: 91px
}

.courses__item-badge {
    text-transform: uppercase
}

.courses__item-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    text-align: initial
}

.courses__item-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 100.188%;
    letter-spacing: .96px;
    margin-bottom: 16px
}

.courses__item-title-img {
    margin-bottom: 0
}

.courses__item-text {
    margin-top: 22px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: .643px;
    margin-bottom: 16px;
    font-size: 16px;
    text-align: initial
}

.courses__item-text-block {
    margin-bottom: 15px
}

.courses__item-buttons {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px
}

.courses__item-buttons-img {
    margin-top: 19px
}

.courses__item-button.btn {
    color: var(--White, #F3F4F4);
    text-align: center;
    -webkit-font-feature-settings: "liga" off;
    font-feature-settings: "liga" off;
    text-shadow: 0 .6795927882px 2.7183711529px rgba(0,0,0,.25);
    font-size: 16.31px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .652px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-radius: 6px
}

.courses__item-date {
    font-size: 16px;
    font-weight: 300;
    line-height: 153%;
    letter-spacing: 1.08px;
    text-align: center
}

.courses__item-date .bold {
    font-weight: 500
}

.courses__item-date .bold.active {
    color: #ce9d40
}

.course {
    position: relative
}

.course-slider .review-item__right-text {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.course-slider .review-item-main {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.course-slider.reviews-list-main {
    max-width: none
}

.course-slider.reviews-list-main .slick-dots {
    bottom: -30px
}

.course-slider.reviews-list-main .btn-slider-wrapper-next {
    right: -65px
}

.course-slider.reviews-list-main .btn-slider-wrapper-prev {
    left: -65px
}

.course-slider.reviews-list-main .btn-slider {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.course-slider.reviews-list-main .btn-slider-wrapper {
    max-width: 66px
}

.course-slider.reviews-list-main .btn-slider-wrapper:hover .btn-slider {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.course-slider.reviews-list-main .btn-slider-arrow-next {
    background-image: url("/local/templates/cgitems/assets/css/../images/btn-next-orange.svg")
}

.course-slider.reviews-list-main .btn-slider-arrow-prev {
    background-image: url("/local/templates/cgitems/assets/css/../images/btn-prev-orange.svg")
}

.course-slider.reviews-list-main .btn-slider-arrow {
    width: 40px;
    height: 40px;
    background-size: cover
}

.course__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 200px 0 326px;
    background-image: url("/local/templates/cgitems/assets/css/../images/home/course-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 100%;
    background-position-x: center
}

.course__inner-gas {
    background-image: url("/local/templates/cgitems/assets/css/../images/home/course-bg-gas.png")
}

.course__left {
    max-width: 1400px;
    padding-left: 128px
}

.course__left .text-light {
    font-size: 20px;
    margin-bottom: 22px
}

.course__left .text-dash {
    margin-bottom: 7px
}

.course__right .cloud {
    width: 100%;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
    border-radius: 8px;
    line-height: 19px
}

.course__right .cloud::before {
    border-width: 17px 0 0 28px;
    top: 17px
}

.course__right .cloud-blue {
    max-width: 225px
}

.course__right .cloud-violet {
    max-width: 230px
}

.course__right .cloud-pink {
    max-width: 246px
}

.course__title {
    text-shadow: 0 3px 3px rgba(0,0,0,.25);
    font-family: Montserrat;
    font-size: 76px;
    font-weight: 800;
    letter-spacing: 5.7px;
    line-height: 1.25;
    margin-bottom: 36px
}

.course__title-bottom {
    text-shadow: 0 3px 3px rgba(0,0,0,.25);
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 2.16px;
    margin-top: 21px
}

.course__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    gap: 5px
}

.course__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    margin-bottom: 38px
}

.course__desc-item {
    color: #e2e1e1;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 129.9%;
    letter-spacing: .64px;
    padding: 11px 17px;
    border-radius: 8.677px;
    background: rgba(48,48,48,.76)
}

.course__text {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: .72px;
    margin-bottom: 40px
}

.course__detail-list {
    padding: 23px 80px 23px 126px;
    letter-spacing: 1px;
    background-color: #202833;
    border: 1px solid #2f3c4a;
    border-left: 0;
    border-radius: 0 16px 16px 0;
    -webkit-box-shadow: 0 4px 18px rgba(0,1,2,.5);
    box-shadow: 0 4px 18px rgba(0,1,2,.5);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.course__detail-item {
    position: relative;
    padding-left: 40px;
    font-size: 18px;
    margin-bottom: 20px
}

.course__detail-item::before {
    position: absolute;
    display: block;
    content: "";
    top: 5px;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/check.svg");
    background-size: cover
}

.course-author__slider .btn-slider-wrapper {
    opacity: 1
}

.course-author__slider .btn-slider {
    top: 44%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.course-author__slider .btn-slider-arrow {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-image: url("/local/templates/cgitems/assets/css/../images/btn-prev-orange.svg")
}

.course-author__slider .btn-slider-arrow-next {
    background-image: url("/local/templates/cgitems/assets/css/../images/btn-next-orange.svg")
}

.course-author__slider .btn-slider:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2)
}

.course-slider__img-block {
    border-radius: 16px;
    overflow: hidden
}

.course-author__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

.course-author-slider__text {
    color: var(--unnamed, #798FAA);
    font-size: 16px;
    line-height: 160%;
    letter-spacing: .48px;
    margin-top: 24px
}

.course-author__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.course-author__right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

.course-author__right-bottom {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 1.02px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-top: 20px
}

.course-author-name {
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: .96px
}

.course-author-course {
    margin-bottom: 20px
}

.course-btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.course-btn-block .modal__desc {
    text-align: start;
    margin-bottom: 0
}

.course-btn-block .modal__desc-text {
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 153%;
    letter-spacing: 1.2px
}

.course-btn-block .modal__desc-date {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 153%;
    letter-spacing: 1.2px
}

.course-bg-mobile {
    display: none
}

.table-block {
    display: none
}

.mission {
    padding-top: 417px
}

.mission__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

.mission__title {
    margin-bottom: 60px
}

.mission .text-light {
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 1.2px;
    margin-bottom: 30px
}

.mission .text-dash {
    margin-bottom: 10px
}

.mission__left {
    max-width: 940px;
    margin-right: 56px
}

.mission__right {
    max-width: 1170px;
    width: 100%
}

.mission__video {
    width: 100%;
    height: auto
}

.mission__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mission__bottom-item {
    max-width: 493px;
    letter-spacing: 1px
}

.mission-text-big {
    margin-bottom: 40px;
    font-size: 26px
}

.advantages {
    padding-top: 241px
}

.advantages__title {
    margin-bottom: 50px
}

.advantages__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 120px 30px 120px;
    grid-template-rows: 120px 30px 120px;
    -ms-grid-columns: 526px 612px 690px;
    grid-template-columns: 526px 612px 690px;
    background-image: url("/local/templates/cgitems/assets/css/../images/home/advantages/border-dashed.svg");
    background-repeat: repeat-x;
    background-position: center;
    background-position-x: -8px
}

.advantages__item {
    font-size: 26px;
    font-weight: 700;
    position: relative;
    max-width: 500px;
    padding-left: 86px;
    line-height: 1.2
}

.advantages__item::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 63px;
    height: 63px;
    -webkit-filter: drop-shadow(0 0 60px #005de9);
    filter: drop-shadow(0 0 60px #005de9);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.advantages__item::after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 70px;
    height: 70px;
    background-image: url("/local/templates/cgitems/assets/css/../images/home/advantages/border-circle.svg");
    background-position: center
}

.advantages__item-top::after {
    top: 100px
}

.advantages__item-bottom::after {
    top: -106px
}

.advantages__item:nth-child(1) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    padding-left: 66px
}

.advantages__item:nth-child(1)::before {
    left: -12px;
    background-image: url("/local/templates/cgitems/assets/css/../images/home/advantages/advantage-1.svg")
}

.advantages__item:nth-child(1)::after {
    left: -16px
}

.advantages__item:nth-child(2) {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 2;
    grid-column: 2;
    margin-top: 56px
}

.advantages__item:nth-child(2)::before {
    background-image: url("/local/templates/cgitems/assets/css/../images/home/advantages/advantage-2.svg")
}

.advantages__item:nth-child(3) {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 3
}

.advantages__item:nth-child(3)::before {
    background-image: url("/local/templates/cgitems/assets/css/../images/home/advantages/advantage-3.svg")
}

.advantages__item:nth-child(4) {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 4;
    grid-column: 4;
    margin-top: 56px
}

.advantages__item:nth-child(4)::before {
    background-image: url("/local/templates/cgitems/assets/css/../images/home/advantages/advantage-4.svg")
}

.course-learn {
    padding: 191px 0 100px
}

.course-learn__list {
    display: -ms-grid;
    display: grid;
    gap: 24px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.course-learn__item:not(.title-main) {
    position: relative;
    background: #232c38;
    border: 1px solid #2f3b4a;
    -webkit-box-shadow: 0 4px 18px rgba(0,1,2,.5);
    box-shadow: 0 4px 18px rgba(0,1,2,.5);
    padding: 24px 24px 24px 76px;
    border-radius: 16px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.course-learn__item:not(.title-main)::before {
    position: absolute;
    display: block;
    content: "";
    top: 30px;
    left: 24px;
    width: 28px;
    height: 28px;
    background-image: url("/local/templates/cgitems/assets/css/../images/icons/check.svg")
}

.course-learn__item-text {
    margin: 0;
    font-weight: 300
}

.course-learn__title {
    padding: 0;
    margin: 0
}

.course-learn__title::before {
    display: none
}

.badge {
    display: inline-block;
    color: #fff;
    font-family: Montserrat;
    font-size: 18.263px;
    font-style: normal;
    font-weight: 800;
    line-height: 160%;
    letter-spacing: .731px;
    border-radius: 6.25px;
    background: #bd7d1c;
    padding: 0px 10px
}

.course-price {
    border-radius: 24px;
    background: #1d2126;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25)
}

.course-price__mobile-img {
    display: none
}

.course-price__head {
    background-image: url("/local/templates/cgitems/assets/css/../images//course-price-top.svg");
    text-align: center;
    padding-bottom: 36px;
    padding-top: 5px
}

.course-price__title {
    color: var(--White, #F3F4F4);
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 20px
}

.course-price__wrapper {
    padding: 10px 41px 45px
}

.course-price__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.course-price__left {
    max-width: 446px
}

.course-price__right {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.course-price .btn-course {
    width: 388px;
    height: 60px
}

.course-price__content {
    position: relative;
    padding: 48px;
    background-color: #232C38B2;
    border-radius: 16px;
    border: 1px solid #2f3b4a;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    -webkit-box-shadow: 0 4px 18px rgba(0,1,2,.5);
    box-shadow: 0 4px 18px rgba(0,1,2,.5)
}

.course-price__inner-title {
    font-weight: 700;
    font-size: 61.1111px;
    line-height: 72px;
    color: #f3f4f4;
    margin-bottom: 40px
}

.course-price__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 67px
}

.course-price__item-first {
    max-width: 407px;
    width: 100%
}

.course-price__item-last {
    width: 100%
}

.course-price__item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px
}

.course-price__item-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    color: #f3f4f4
}

.course-price__item-price {
    font-weight: 700;
    font-size: 32px;
    color: #0099e9
}

.course-price__item-price .small_monitor {
    display: none
}

.course-price__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.course-price__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 690px;
    width: 100%
}

.course-price__info-item-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: .03em;
    color: #f3f4f4;
    margin-bottom: 4px
}

.course-price__info-item-text {
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: .06em;
    color: #fff;
    text-shadow: 0px 4px 6px rgba(0,0,0,.2),0 0 70px rgba(0,153,233,.4)
}

.course-price__info-item-text.orange {
    color: #bd7d1c
}

.course-price__info-item-text.green {
    color: #00af31
}

.course-price__text {
    max-width: 600px;
    width: 100%;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: .06em;
    font-weight: 300;
    color: #7d92b0
}

.course-price__text-border {
    padding-bottom: 5px;
    border-bottom: 1px solid #81a9c7;
    max-width: none
}

.course-price__desk {
    padding: 11px 17px;
    color: #798faa;
    font-size: 20px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 1.2px;
    border-radius: 8.677px;
    border: 2px solid #323941
}

.course-price__desk-block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 20px;
    margin-top: 64px
}

.feedback {
    padding: 170px 0 293px
}

.feedback__inner {
    position: relative;
    z-index: 1;
    padding: 40px;
    overflow: hidden;
    background-image: url("/local/templates/cgitems/assets/css/../images//forms/form-bg.png");
    background-color: #1d2126;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 16px;
    border: 1px solid #2f3b4a;
    -webkit-box-shadow: 0 4px 18px rgba(0,1,2,.5);
    box-shadow: 0 4px 18px rgba(0,1,2,.5);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 93% 50%
}

.feedback__title {
    color: #e2e1e1;
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 40px
}

.feedback__form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 54px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

.feedback__label-text {
    font-size: 14px;
    color: #f3f4f4;
    font-weight: 700;
    margin-bottom: 7px
}

.feedback__input {
    width: 100%;
    height: 48px;
    padding: 0 10px;
    font-size: 18px;
    border: 1px solid #2f3b4a;
    border-radius: 5px;
    color-scheme: dark
}

.feedback__input::-webkit-input-placeholder {
    font-size: 18px
}

.feedback__input::-moz-placeholder {
    font-size: 18px
}

.feedback__input:-ms-input-placeholder {
    font-size: 18px
}

.feedback__input::-ms-input-placeholder {
    font-size: 18px
}

.feedback__input::placeholder {
    font-size: 18px
}

.feedback__button {
    font-size: 24px;
    color: #f3f4f4;
    font-weight: 700;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
    height: 48px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #1b80e4;
    border: 0;
    border-radius: 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.feedback__button:hover,.feedback__button:focus {
    background-color: #0377b4
}

.feedback__check {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end
}

.feedback__check-text {
    font-size: 16px;
    margin-top: 20px;
    color: #7b8ea9;
    line-height: 130%
}

.feedback__check-link {
    font-weight: 700;
    color: #0094ff;
    text-decoration: none
}

.program {
    position: relative;
    padding: 346px 0 202px;
    border-bottom: 1px solid #2f3b4a
}

.program__title {
    margin-bottom: 60px
}

.program__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.program-top-text {
    margin-bottom: 50px;
    font-size: 28px;
    letter-spacing: .03em;
    font-weight: 400
}

.program__left {
    max-width: 1090px;
    margin-right: 56px
}

.program__text-title {
    font-size: 32px;
    color: #0099e9;
    font-weight: 700
}

.program__text {
    margin-bottom: 48px
}

.program__text .text {
    margin: 24px 0 30px;
    font-size: 20px;
    line-height: 153%;
    font-weight: 300
}

.program__text .desc-title {
    font-weight: 500;
    line-height: 160%;
    color: #68788f
}

.program__text .desc-text {
    font-weight: 300;
    line-height: 160%;
    color: #68788f;
    margin-bottom: 10px
}

.program__right {
    z-index: 0;
    width: 100%;
    max-width: 1090px
}

.cloud {
    position: relative;
    padding: 24px;
    background: rgba(0,92,216,.6);
    border-radius: 16px;
    max-width: 725px;
    -webkit-filter: drop-shadow(0px 4px 18px rgba(0, 1, 2, 0.5));
    filter: drop-shadow(0px 4px 18px rgba(0, 1, 2, 0.5));
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.cloud::before {
    content: "";
    position: absolute;
    top: -42px;
    left: 64px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 42px 0 0 69px;
    border-color: transparent transparent transparent #005CD899
}

.cloud.text-light {
    margin: 0;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: .06em
}

.course-main-btn-center {
    position: absolute;
    bottom: 30px;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #f3f4f4;
    font-size: 24px;
    border-radius: 40px;
    background: rgba(255,255,255,.19);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 6px 38px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.course-main-btn-center:hover {
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.5);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.5)
}

.course-price__badge {
    height: 22px;
    font-size: 16px;
    line-height: 22px
}

.course__right {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.course__right .cloud {
    position: absolute;
    width: 100%;
    color: var(--unnamed, #E2E1E1);
    font-family: "Montserrat";
    padding: 11px 29px 11px 17px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 129.9%;
    letter-spacing: .64px
}

.course__right .cloud-blue {
    max-width: 254px;
    top: 215px;
    right: 58%;
    background-color: #212121
}

.course__right .cloud-blue::before {
    border-width: 0 28px 17px 0;
    border-color: transparent #212121 transparent transparent;
    top: initial;
    bottom: -17px;
    right: 20px;
    left: initial
}

.course__right .cloud-violet {
    max-width: 251px;
    right: 9%;
    top: 119px;
    background-color: #212121
}

.course__right .cloud-violet::before {
    border-width: 17px 28px 0 0;
    border-color: #212121 transparent transparent transparent;
    top: initial;
    bottom: -17px;
    left: 20px
}

.course__right .cloud-pink {
    top: 684px;
    right: 14%;
    background-color: #212121;
    max-width: 277px
}

.course__right .cloud-pink::before {
    border-width: 17px 0 0 28px;
    border-color: transparent transparent transparent #212121;
    top: -17px;
    left: 20px
}

.carousel-container {
    position: relative;
    height: 700px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.carousel-container .items {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.carousel-container .items .item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 640px;
    height: 450px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: -1;
    opacity: 0
}

.carousel-container .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.carousel-container .item.active {
    opacity: 1;
    z-index: 99;
    -webkit-box-shadow: 0px 0px 105px -35px rgba(0,0,0,.75);
    box-shadow: 0px 0px 105px -35px rgba(0,0,0,.75)
}

.carousel-container .item.prev {
    z-index: 2;
    opacity: .25;
    -webkit-transform: translate(-125%, -50%);
    -ms-transform: translate(-125%, -50%);
    transform: translate(-125%, -50%)
}

.carousel-container .item.next {
    z-index: 2;
    opacity: .25;
    -webkit-transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
    transform: translate(25%, -50%)
}

.carousel-container .items .button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 275px;
    z-index: 100
}

.carousel-container .button-container .button {
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    position: relative;
    opacity: .75;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.carousel-container .button-container .button:hover {
    opacity: 1
}

.carousel-container .button-container .button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: #000;
    border-radius: 50%;
    z-index: -99
}

.carousel-container .button-container .button:nth-child(1) {
    float: left
}

.carousel-container .button-container .button:nth-child(2) {
    float: right
}

.who-course-img-block {
    position: relative;
    max-width: 874px;
    margin: 63px auto 100px
}

.who-course-img-block img {
    border-radius: 15px
}

.who-course-img-block .img-plashka {
    position: absolute;
    right: -60px;
    bottom: -50px
}

.who-course__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px 0;
    margin-top: 64px
}

.who-course__item {
    width: 47%
}

.who-course__item-title {
    color: var(--unnamed, #3757FF);
    font-size: 32px;
    font-weight: 700;
    text-align: center
}

.who-course__item-text {
    color: var(--white, #F3F4F4);
    text-align: center;
    font-size: 16.16px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: .97px
}

.reviews-main .slick-list {
    border-radius: 16px
}

.reviews-list-main {
    margin-top: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.review-item-main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    padding: 24px 64px;
    border-radius: 16px;
    background: var(--unnamed, #1D2126)
}

.review-item-main .link-full-block {
    z-index: auto
}

.review-item-main:hover .review-item__right-text,.review-item-main:hover .company__item,.review-item-main:hover .employment__text,.review-item-main:hover .employment__title,.review-item-main:hover .review-left-bottom-name {
    color: #798faa !important
}

.review-item-main:hover .review__avatar {
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7)
}

.review-item-main:hover .review-item__right-top {
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7)
}

.review-item-main .social {
    z-index: 50;
    position: relative
}

.review-item-main .review-item__left img {
    width: 130px;
    height: 130px
}

.review-item__left img {
    width: 150px;
    height: 160px;
    border-radius: 22px
}

.review-item__right-text {
    display: block;
    color: var(--unnamed, #FFF);
    font-size: 17px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: .68px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.review-item__right-name {
    color: var(--unnamed, #3757FF);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .8px;
    margin-bottom: 10px
}

.review-item__right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.review-all-link {
    display: inline-block;
    margin-top: 40px;
    color: var(--unnamed, #798FAA);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: .6px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.mt-8 {
    margin-top: 80px
}

.section-content {
    margin-top: 160px;
    margin-bottom: 160px
}

.section-content-mb0 {
    margin-bottom: 0 !important
}

.section-content-mt0 {
    margin-top: 0 !important
}

.video-section {
    margin-bottom: 0
}

.video-section-index {
    margin-bottom: 140px
}

.video-section__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px
}

.video-section__cols .block {
    display: inline
}

.video-section__cols .subtitle__main {
    margin-bottom: 32px
}

.video-section__cols .video__text {
    margin-top: 32px
}

.video-section__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.video__text {
    color: var(--White, #F3F4F4);
    text-align: center;
    font-size: 17px;
    font-style: italic;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 1.02px;
    margin-top: 40px
}

.section-learn .who-course__items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.section-learn .who-course__item-title {
    margin-bottom: 24px
}

.programs-content {
    max-width: 990px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

.programs-content-col {
    border-radius: 16px;
    border: 1px solid #2d333a;
    background: #1d2126;
    padding: 24px
}

.programs-content__title {
    text-align: left
}

.programs__list {
    padding-left: 24px
}

.programs__item {
    color: var(--unnamed, #E2E1E1);
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: 1.02px;
    margin-bottom: 16px
}

.programs-content-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.stages__list {
    max-width: 986px;
    margin: 0 auto
}

.stages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #2d333a
}

.stages__item:last-child {
    border-bottom: 0
}

.stages__left {
    max-width: 266px
}

.stages__left-img {
    border-radius: 16px
}

.stages__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.stages__right-title {
    color: var(--White, #F3F4F4);
    font-size: 26px;
    font-weight: 700;
    line-height: 138%;
    margin-bottom: 16px
}

.stages__right-text {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    color: var(--White, #F3F4F4);
    font-size: 18px;
    font-weight: 300;
    line-height: 153%;
    letter-spacing: 1.08px
}

.lesson {
    background-image: url("/local/templates/cgitems/assets/css/../images/home/lesson-img.png");
    background-size: cover;
    background-position: center;
    padding: 100px 57px 47px
}

.lesson .orange-bg {
    width: 230px;
    border-radius: 5px;
    height: 45px
}

.lesson-section-gas .container__main {
    position: relative;
    padding-top: 130px
}

.lesson-section-gas .container__main::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 500px;
    background-image: url("/local/templates/cgitems/assets/css/../images/home/lesson-img2-gas.png");
    background-repeat: no-repeat;
    z-index: 1;
    right: 0;
    background-position: 100% 106%
}

.lesson-gas {
    position: relative;
    background-image: url("/local/templates/cgitems/assets/css/../images/home/lesson-img-gas.svg");
    padding-top: 47px;
    border-radius: 32px;
    background-size: auto
}

.lesson-gas .lesson-content {
    padding-top: 0
}

.lesson-section {
    margin-top: 30px
}

.lesson-content {
    padding-top: 70px
}

.lesson__title {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 128%
}

.lesson__text {
    color: #e5ebf2;
    font-weight: 400;
    line-height: 137%;
    letter-spacing: .72px;
    margin: 30px 0 60px
}

.lesson .btn-course-min {
    font-size: 18px;
    width: 233px;
    height: 45px
}

.lesson__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.lesson .diagonal_swipe_left:hover::before {
    width: 125%
}

.btn-border {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: 9px;
    height: 45px;
    gap: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    border-radius: 5px;
    border: 1px solid #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.btn-border:hover {
    opacity: .8
}

.course-projects .stage {
    background: none;
    font-weight: 700;
    font-size: 14px
}

@media(min-width: 1250px) {
    .course-projects .stage {
        display:none
    }

    .course-projects .project__title {
        display: none
    }

    .carousel {
        overflow: hidden !important
    }

    .carousel .carousel-item {
        max-width: 540px
    }

    .card {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
        max-width: 500px;
        margin: auto;
        text-align: center;
        border-radius: 10px;
        height: 450px
    }

    .img-area {
        border-radius: 10px 10px 0 0;
        height: 200px;
        background-size: cover;
        background-position: center center
    }

    h4 {
        font-size: 35px;
        line-height: 1.5;
        margin: 15px 0
    }

    .card p {
        font-size: 17px
    }

    .carousel {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: 390px;
        -webkit-perspective: 500px;
        perspective: 500px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform-origin: 0% 50%;
        -ms-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }

    .carousel.carousel-slider {
        top: 0;
        left: 0
    }

    .carousel.carousel-slider .carousel-fixed-item {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
        z-index: 1
    }

    .carousel.carousel-slider .carousel-fixed-item.with-indicators {
        bottom: 68px
    }

    .carousel.carousel-slider .carousel-item {
        width: 100%;
        height: 100%;
        min-height: 400px;
        position: absolute;
        top: 0;
        left: 0
    }

    .carousel.carousel-slider .carousel-item h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 32px
    }

    .carousel.carousel-slider .carousel-item p {
        font-size: 15px
    }

    .carousel .carousel-item {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0
    }

    .carousel .carousel-item>img {
        width: 100%
    }

    .carousel .indicators {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0
    }

    .carousel .indicators .indicator-item {
        display: inline-block;
        position: relative;
        cursor: pointer;
        height: 8px;
        width: 8px;
        margin: 24px 4px;
        background-color: rgba(255,255,255,.5);
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
        border-radius: 50%
    }

    .carousel .indicators .indicator-item.active {
        background-color: #fff
    }

    .carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed {
        pointer-events: none
    }

    .carousel-wrapper {
        position: relative
    }

    .carousel-arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        top: 55%;
        left: 17%;
        z-index: 1;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .carousel-arrow:hover {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }

    #carousel-arrow-next {
        left: 84%;
        right: auto
    }
}

@media(min-width: 800px) {
    .review-item__project-name {
        display:none
    }
}

.image-comparison {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 27px;
    border: 2px solid #2d333a
}

.image-comparison-text {
    color: #e5891a;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 160%;
    letter-spacing: .96px;
    margin-top: 23px
}

.image-comparison__before {
    position: absolute;
    width: 50%;
    overflow: hidden
}

.image-comparison__image {
    display: block
}

.image-comparison__slider {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2px;
    height: 100%;
    cursor: col-resize;
    outline: none;
    border: none;
    background-color: #be8022
}

.image-comparison__slider::before {
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: -19px;
    width: 40px;
    height: 40px;
    background-image: url("/local/templates/cgitems/assets/css/../images/btn-slider.svg");
    background-size: contain
}

.image-comprison__slider:hover,.image-comprison__slider:focus,.image-comprison__slider:hover::before,.image-comprison__slider:focus::before {
    background-color: #ccc;
    outline: none;
    border: none
}

.form-section {
    margin-bottom: 200px
}

.success-bottom {
    position: fixed;
    background: #3757ff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 152.688%;
    letter-spacing: .4px;
    padding: 14px 24px;
    width: 100%;
    bottom: 0;
    z-index: 100;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: none
}

.success-bottom.active {
    display: block
}

.success-bottom__inner {
    position: relative
}

.success-bottom__close {
    position: absolute;
    right: 37px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 42px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.success-bottom__close:hover {
    opacity: .7
}

.underline {
    text-decoration: underline
}

@media(max-width: 1300px) {
    .video-stream {
        max-width:270px;
        right: 45px
    }
}

.course-author__slider .course-author__item:not(:first-child) {
    display: none
}

.course-author__slider.slick-initialized .course-author__item {
    display: block
}

@media(max-width: 2550px) {
    .reviews__item {
        max-width:450px
    }

    .reviews-page .reviews__item {
        max-width: 418px
    }

    .container-projects-slider {
        max-width: 1300px
    }

    .projects-slider {
        margin-top: 56px
    }

    .advantages {
        padding-top: 280px
    }

    .advantages__list {
        -ms-grid-columns: 410px 410px 510px;
        grid-template-columns: 410px 410px 510px
    }
}

@media(max-width: 2460px) {
    .course__right .cloud-blue {
        right:66%
    }
}

@media(max-width: 2400px) {
    .my-project.articles__right {
        max-width:296px
    }

    .my-project.articles__right .project {
        height: auto
    }

    .drag-and-drop {
        padding: 0 70px
    }

    .iframe-container-project {
        min-height: 580px
    }
}

@media(max-width: 2300px) {
    .fixed-like {
        right:30vw
    }

    .drag-and-drop__content {
        padding: 160px 260px
    }

    .sidebar-review .sidebar__textarea {
        height: 500px
    }

    .iframe-container-project {
        min-height: 480px
    }

    .projects__list-slider .btn-slider-wrapper-prev {
        left: -22%
    }

    .projects__list-slider .btn-slider-wrapper-next {
        right: -22%
    }

    .course__right .cloud-blue {
        right: 80%
    }
}

@media(max-width: 2100px) {
    .panel-bar-alphabet .panel-sort a {
        padding:0
    }

    .reviews-page .reviews__item {
        max-width: 408px
    }

    .fixed-like {
        right: 27vw
    }
}

@media(max-width: 2000px) {
    .courses {
        padding-top:100px
    }

    .courses__subtitle {
        font-size: 30px
    }

    .courses__title {
        font-size: 48px
    }

    .courses__title-text {
        font-size: 20px;
        margin-bottom: 40px
    }

    .courses__item-buttons .btn-course {
        max-width: 100% !important
    }

    .course__inner {
        padding: 140px 0 180px
    }

    .course__inner-gas {
        background-image: url("/local/templates/cgitems/assets/css/../images/home/course-bg-gas-1920.png")
    }

    .course .btn-course {
        height: 48px;
        font-size: 16px;
        width: 100%;
        max-width: 300px
    }

    .course__title {
        font-size: 40px;
        font-weight: 800
    }

    .course__title-bottom {
        font-size: 35px
    }

    .course__text {
        font-size: 16px
    }

    .panel-bar .bar-element-project {
        padding: 14px 20px 11px
    }

    .panel-bar-container-projects {
        max-width: 1200px
    }

    .panel-project-name {
        max-width: 120px
    }

    .container-projects-slider {
        max-width: 1090px
    }

    .projects__list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }

    .personal-input {
        height: 460px;
        overflow-y: auto;
        margin-right: 8px
    }

    .personal-input::-webkit-scrollbar-track {
        margin-top: 12px;
        margin-bottom: 8px
    }

    .drag-and-drop__content {
        padding: 55px 180px
    }

    .drag-and-drop__left {
        width: 175px;
        height: 410px
    }

    .accordion__content-center {
        padding: 40px 0
    }

    .course__left {
        max-width: 980px
    }

    .course__left .text-dash {
        padding-bottom: 63px
    }

    .course__right .cloud-blue {
        top: 160px;
        right: 72%
    }

    .course__right .cloud-violet {
        right: 7%;
        top: 58px
    }

    .course__right .cloud-pink {
        top: 540px;
        right: 18%
    }

    .mission {
        padding-top: 191px
    }

    .mission__title {
        margin-bottom: 58px
    }

    .mission__left {
        max-width: 947px
    }

    .mission__bottom-item {
        max-width: 400px
    }

    .advantages {
        padding-top: 191px
    }

    .advantages__list {
        -ms-grid-columns: 306px 385px 500px;
        grid-template-columns: 306px 385px 500px
    }

    .course-price__wrap {
        max-width: none
    }

    .course-price__top {
        gap: 150px
    }

    .course-price__content::before {
        left: 518px
    }

    .feedback {
        padding: 165px 0 200px
    }

    .program {
        padding: 380px 0 249px
    }

    .program::before {
        display: none
    }

    .program__title {
        margin-bottom: 31px
    }

    .program-top-text {
        margin-bottom: 60px
    }

    .program__left {
        max-width: 868px;
        margin-right: 78px
    }

    .accordion__content-inner {
        max-width: 613px
    }

    .reviews-slider {
        padding: 121px 0 263px
    }

    .reviews-slider::before {
        height: 230px;
        background-size: cover
    }

    .reviews-slider .slick-slide::before {
        right: 52px
    }

    .reviews-slider .slick-slide::after {
        right: 40px
    }

    .footer::after {
        display: none
    }

    .footer-container {
        padding: 0 0 0 328px;
        margin: 0 128px 0 auto;
        max-width: none
    }

    .footer__menu-wrap {
        max-width: 790px
    }

    .sidebar__project-desc {
        height: 90px
    }

    .sidebar-review .sidebar__textarea {
        max-height: 540px
    }
}

@media(max-width: 1960px) {
    .panel-bar-container-projects {
        max-width:1050px
    }

    .course-price__item-price .big_monitor {
        display: none
    }

    .course-price__item-price .small_monitor {
        display: inline
    }

    .reviews__list-review {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width: 1920px) {
    .accordion__item-content-left {
        padding:49px 93px
    }

    .accordion__item-content-right {
        padding: 56px 88px
    }

    .project_images .removeImage {
        right: 10px;
        top: 10px
    }

    .accordion__item-content-marmoset {
        height: 500px
    }
}

@media(max-width: 1870px) {
    .fixed-like {
        right:25vw
    }

    .header__search-form {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: auto;
        max-width: initial
    }

    .header__item-user {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .course__right {
        display: none
    }

    .form-search-header {
        position: absolute;
        -webkit-transition: opacity .1s,width .3s;
        -o-transition: opacity .1s,width .3s;
        transition: opacity .1s,width .3s;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        opacity: 0;
        pointer-events: none
    }

    .form-search-header.active {
        width: 70vw;
        opacity: 1;
        pointer-events: initial
    }

    .form-search-header__inner {
        position: relative
    }

    .mobile-search {
        display: block
    }

    .container-projects-slider {
        max-width: 800px
    }

    .projects__list-slider .btn-slider-wrapper-prev {
        left: -30%
    }

    .projects__list-slider .btn-slider-wrapper-next {
        right: -30%
    }

    .mission__title {
        margin-bottom: 147px
    }

    .mission__left {
        max-width: 807px
    }

    .mission__bottom-item {
        max-width: 330px
    }

    .advantages {
        padding-top: 190px
    }

    .advantages__list {
        -ms-grid-columns: 310px 313px 430px;
        grid-template-columns: 310px 313px 430px
    }

    .advantages__item {
        width: 500px;
        max-width: inherit
    }

    .feedback {
        padding-top: 160px
    }

    .feedback__title {
        max-width: 700px;
        margin-bottom: 48px;
        line-height: 1
    }

    .program {
        padding: 205px 0 320px
    }

    .program__title {
        margin-bottom: 142px
    }

    .program__left {
        max-width: 730px
    }

    .reviews .slick-list {
        padding: 0 !important
    }

    .footer-container {
        padding: 0 0 0 128px
    }

    .footer__logo {
        margin-right: 100px
    }

    .footer__menu-list-item {
        margin-right: 0
    }

    .articles__center {
        padding-right: 0
    }

    .personal-input {
        height: 360px
    }

    .container-projects-slider {
        height: auto
    }
}

@media(max-width: 1750px) {
    .content-top-banner,.content-top {
        padding:40px 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: none !important;
        gap: 15px;
        height: auto
    }

    .content-top-banner .content-top__title,.content-top .content-top__title {
        padding: 0;
        border: 0
    }

    .content-top-banner .content-top__title .subtext,.content-top .content-top__title .subtext {
        display: inline
    }

    .content-top-banner .content-top__text,.content-top .content-top__text {
        padding: 0;
        max-width: 1200px
    }

    .content-top {
        padding: 0
    }

    .container-articles {
        padding: 0
    }
}

@media(max-width: 1680px)and (min-width: 700px) {
    #articles-filter {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #articles-filter .articles__filter-box {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    #articles-filter .articles__sort {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin: 0 24px 0 0
    }
}

@media(max-width: 1670px) {
    .advantages__list {
        -ms-grid-columns:250px 260px 250px;
        grid-template-columns: 250px 260px 250px
    }

    .advantages__item {
        width: 485px;
        max-width: none
    }
}

@media(max-width: 1640px) {
    .reviews__list-review {
        -ms-grid-columns:(1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }

    .reviews-slider {
        padding: 121px 0 263px
    }

    .reviews-slider::before {
        height: 230px;
        background-size: cover
    }

    .reviews-slider .slick-slide::before {
        right: 52px
    }

    .reviews-slider .slick-slide::after {
        right: 40px
    }

    .panel-bar-container-projects {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .course-price__features-col {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .personal-input {
        height: 260px
    }
}

@media(max-width: 1580px) {
    .fixed-like {
        right:18vw
    }

    .course__detail {
        max-width: none
    }

    .course__detail-list {
        border-radius: 0
    }

    .course__detail-item {
        letter-spacing: 0
    }
}

@media(max-width: 1500px) {
    .projects__list {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }

    .course__detail-list {
        padding-right: 60px
    }

    .course-price__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .course-price__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px
    }

    .course-price__btn .btn-course {
        width: 100%
    }

    .mission__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mission__left {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 80px
    }

    .mission__bottom-item {
        max-width: 520px
    }

    .mission__text-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px
    }

    .program__left {
        max-width: 570px
    }

    .panel-bar-elements .bar-element {
        padding: 14px 40px 11px
    }

    .panel-bar-container-projects .panel-bar-elements .bar-element {
        padding: 14px 20px 11px
    }
}

@media(max-width: 1440px) {
    .accordion__item-content-left {
        padding:61px 99px
    }

    .accordion__item-content-left .title_image label {
        height: 167px
    }

    .accordion__item-content-right {
        padding: 77px 59px
    }

    .accordion__item-content-marmoset {
        height: 494px
    }

    .student-wrap {
        display: none
    }
}

@media(max-width: 1400px) {
    .content-right .content__left-col {
        max-width:280px
    }

    .sidebar-button-mobile {
        line-height: 1.2
    }

    .success-bottom__inner {
        font-size: 16px
    }
}

@media(max-width: 1380px) {
    .fixed-container-articles {
        display:block !important;
        right: auto
    }

    .sticky-projects {
        padding-top: 30px
    }

    .menu__link.active::before,.menu__link:hover::before {
        background-color: transparent !important
    }

    .header {
        position: fixed;
        z-index: 10;
        width: 100%;
        padding: 10px 26px 10px 24px
    }

    .header .logo__img {
        width: 100px
    }

    .header .menu {
        position: fixed;
        top: 56px;
        left: -100%;
        z-index: 1000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100vw;
        min-height: calc(100% - 56px);
        padding-bottom: 30px;
        background-color: #0e1112;
        opacity: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        overflow: auto
    }

    .header .menu__btn {
        display: block
    }

    .header .menu__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 24px
    }

    .header .menu__item {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #2f3c4a
    }

    .header .menu__item.parent {
        cursor: pointer
    }

    .header .menu__item.parent .menu__list-wrapper {
        position: static;
        display: none;
        width: auto
    }

    .header .menu__item.parent .menu__list-wrapper .menu__list {
        position: static;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        padding: 0 16px
    }

    .header .menu__item.parent .menu__list-wrapper .menu__item {
        border: 0
    }

    .header .menu__item.parent>.menu__link {
        display: block;
        pointer-events: none;
        width: 100%;
        border-bottom: 1px solid transparent
    }

    .header .menu__item.parent.active .menu__list-wrapper {
        display: block
    }

    .header .menu__item.parent.active>.menu__link {
        border-bottom: 1px solid #2f3c4a;
        padding-bottom: 15px;
        color: #7d92b0
    }

    .header .menu .sidebar__bottom-menu {
        padding: 0 24px
    }

    .header .menu-mobile {
        display: block
    }

    .header .menu-mobile .button-menu-mobile {
        border-radius: 10px;
        overflow: hidden;
        margin-top: 24px;
        margin-bottom: 0
    }

    .header .menu__link {
        position: relative;
        display: inline-block;
        padding-left: 40px;
        font-weight: 400
    }

    .header .menu__link::before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 0
    }

    .header .menu__link.course-link::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/menu-course-icon.svg")
    }

    .header .menu__link.articles_link::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/file-white.svg")
    }

    .header .menu__link.articles-slang_link::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/alphabet-white.svg")
    }

    .header .menu__link.personal-articles_link::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/saved-white.svg")
    }

    .header .menu__link.projects_link::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/project-white.svg")
    }

    .header .menu__link.reviews_link::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/reviews.svg")
    }

    .header .menu__link.search_link::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/search-white.svg")
    }

    .header .menu__link.employment_link::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/work.svg")
    }

    .header .menu__link.contacts-btn::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/contacts.svg")
    }

    .header .menu-mobile-item {
        display: block
    }

    .header .menu .mobile-search-item {
        display: block
    }

    .header__item {
        margin-right: 44px;
        margin-left: 0
    }

    .header__search-form {
        margin-right: 18px
    }

    .header__item-button {
        display: none
    }

    .header .user,.header .mobile-search {
        width: 36px;
        height: 36px;
        background-color: #414f62
    }

    .header__search-form {
        display: none
    }

    .comments {
        height: calc(100vh - 170px);
        padding-top: 20px;
        padding-bottom: 50px
    }

    .comments::-webkit-scrollbar-track {
        margin: 20px 0 50px
    }

    .content {
        position: relative
    }

    .btn-icon__profile-edit {
        background-color: #0099e9
    }

    .btn-icon__profile-edit svg {
        fill: #04476b
    }

    .footer {
        display: none
    }

    .footer-min {
        display: none
    }

    .courses {
        padding-top: 100px
    }

    .mobile-search-input {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1;
        display: block;
        top: -5px;
        padding: 40px 24px 16px;
        margin-bottom: 10px;
        background: #171b1f;
        -webkit-box-shadow: 0 2px 6px 4px #171b1f;
        box-shadow: 0 2px 6px 4px #171b1f
    }

    .mobile-search-input .bx-authform-label-container {
        font-size: 18px;
        font-weight: 500
    }

    .mobile-search-input .input {
        margin-top: 10px
    }

    .mobile-search-input .input::-webkit-input-placeholder {
        font-size: 18px
    }

    .mobile-search-input .input::-moz-placeholder {
        font-size: 18px
    }

    .mobile-search-input .input:-ms-input-placeholder {
        font-size: 18px
    }

    .mobile-search-input .input::-ms-input-placeholder {
        font-size: 18px
    }

    .mobile-search-input .input::placeholder {
        font-size: 18px
    }

    .content-search .articles__list-list {
        height: auto;
        padding-bottom: 30px
    }

    .search__text {
        font-size: 16px;
        max-width: none;
        width: 100%;
        padding: 0 24px
    }

    .search__text .search__logo svg {
        width: 174px;
        height: 115px
    }

    .search__top {
        display: none
    }

    .input-dark {
        background: #2f3c4a;
        border-color: #26303d
    }

    .sidebar-review {
        top: 56px
    }

    .sidebar-review .sidebar__textarea {
        background-color: #0e1112
    }

    .sidebar-review .sidebar__top {
        margin-right: 7px
    }

    .content__left-col.col-project:not(.col-project-profile) .sidebar__bottom {
        display: none
    }

    .content-right.container-min-p {
        padding-bottom: 60px;
        gap: 0
    }

    .container-min-p.container-article-detail {
        gap: 20px
    }

    .article__bottom-col-like {
        position: absolute;
        left: 0;
        right: 0;
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: none;
        bottom: 12px
    }

    .content__left-col.col-project {
        margin-right: 30px
    }

    .fixed-container {
        position: absolute;
        left: 50%;
        bottom: 0;
        height: auto
    }

    .breadcrumbs {
        display: none
    }
}

@media(max-width: 1370px) {
    .title {
        font-size:44px
    }

    .container {
        padding: 0 24px
    }

    .container.reviews-container {
        padding: 0 0 0 128px
    }

    .course__left {
        max-width: none;
        width: 100%
    }

    .course__detail-item {
        font-size: 20px
    }
}

@media(max-width: 1370px) {
    .articles__list-alphabet-height {
        margin-right:0
    }

    .btn-scroll-up {
        display: none
    }

    .articles {
        margin: 0
    }

    .articles-list {
        margin-right: 0
    }

    .course__inner {
        padding: 30px 24px 100px
    }

    .course-author__inner {
        padding-bottom: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 590px;
        margin: 0 auto
    }

    .course-author__inner::before {
        background-image: none !important
    }

    .course-author__right {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .course__left {
        padding: 0
    }

    .course__detail {
        padding-top: 54px;
        margin: 0
    }

    .course__detail-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        border-radius: 10px;
        padding: 20px 10px 0 15px;
        background-image: url("/local/templates/cgitems/assets/css/../images/home/course/course-mobile-bg.png");
        background-repeat: no-repeat;
        background-position: 100% 100%
    }

    .course__detail-item {
        padding-left: 48px;
        margin-bottom: 24px;
        font-size: 16px;
        letter-spacing: .3px
    }

    .course__detail::before {
        width: 20px;
        height: 20px;
        background-size: cover
    }

    .advantages__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-image: none !important
    }

    .advantages__item {
        padding-bottom: 100px;
        margin-top: 0 !important
    }

    .advantages__item::after {
        top: -47px !important;
        left: 5px;
        width: 64px;
        height: 2px;
        background-image: url("/local/templates/cgitems/assets/css/../images/home/advantages/border-dashed.svg");
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .advantages__item:nth-child(1)::before {
        left: 4px
    }

    .advantages__item:nth-child(1)::after {
        display: none
    }

    .course-learn__title {
        margin-bottom: 40px
    }

    .course-learn__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .course-learn__item {
        width: 100%
    }

    .program__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .program__left {
        max-width: 100%;
        margin: 0
    }

    .program__right {
        max-width: 100%
    }

    .articles__center {
        padding-left: 24px
    }

    .author__photo-link {
        display: none
    }
}

@media(max-width: 1300px) {
    .section-content {
        padding:0 24px
    }

    .socials__panel {
        padding: 11px 20px;
        margin-top: 30px
    }

    .container-projects {
        padding: 0 50px
    }

    .container-projects-slider {
        max-width: none;
        padding: 0;
        margin: 0
    }

    .container-projects-slider .btn-slider-wrapper {
        display: none !important
    }

    .sidebar:not(.sidebar-project) {
        position: fixed;
        z-index: 11;
        max-width: 600px;
        border: 0
    }

    .sidebar__bottom-text {
        max-width: 255px
    }

    .sidebar__button-comments {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 10px
    }

    .sidebar__form-box {
        padding: 0
    }

    .sidebar__textarea {
        height: 100px;
        padding: 24px
    }

    .container-min-p.container-article-detail {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sidebar__auto-fixed {
        display: none
    }

    .content__left-col:not(.col-project) {
        display: none
    }
}

@media(max-width: 1200px) {
    .reviews-slider .slick-slide::after {
        right:40px
    }

    .reviews-slider .slick-slide::before {
        right: 52px
    }

    .lesson {
        border-radius: 32px;
        background: -o-radial-gradient(91% 93.03%, 39.3% 36.12%, rgba(185, 135, 129, 0.28) 0%, rgba(172, 129, 124, 0) 100%),#1d2126;
        background: radial-gradient(39.3% 36.12% at 91% 93.03%, rgba(185, 135, 129, 0.28) 0%, rgba(172, 129, 124, 0) 100%),#1d2126;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
        box-shadow: 0 4px 4px 0 rgba(0,0,0,.25)
    }

    .lesson-section {
        position: relative;
        padding-top: 30px
    }

    .lesson-section::before {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 500px;
        background-image: url("/local/templates/cgitems/assets/css/../images/home/lesson-img2.png");
        background-repeat: no-repeat;
        background-position: 0 -29px;
        background-size: contain;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .lesson-section-gas::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/home/lesson-img2-gas-1200.png");
        z-index: 1
    }

    .lesson-section-gas .container__main::before {
        display: none
    }

    .lesson-content {
        position: relative;
        padding-top: 300px
    }

    .lesson__title {
        max-width: 700px
    }

    .lesson__title .block {
        display: inline
    }
}

@media(max-width: 1270px) {
    .course-price__head {
        background-size:cover;
        background-repeat: no-repeat
    }
}

@media(max-width: 1250px) {
    .carousel-arrows {
        display:none
    }

    .course-projects.section-content {
        padding-right: 0
    }

    .course-projects .carousel-projects {
        max-width: 98%
    }

    .course-projects .project-stage__top {
        display: none
    }

    .course-projects .project-stage {
        padding: 0;
        background: none;
        -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.4);
        box-shadow: 0 4px 6px rgba(0,0,0,.4)
    }

    .course-projects .slick-slide {
        margin: 0 10px
    }

    .course-projects .slick-list {
        margin: 0 -10px;
        padding: 0 20% 0 0
    }

    .course-projects .project-stage__img {
        -webkit-filter: brightness(0.8);
        filter: brightness(0.8);
        border-radius: 10px
    }

    .course-projects .project-stage__inner {
        position: relative
    }

    .course-projects .stage {
        position: absolute;
        top: 11px;
        right: 11px;
        z-index: 1
    }

    .course-projects .project__title {
        position: absolute;
        bottom: 11px;
        left: 11px;
        z-index: 1;
        font-size: 16px;
        font-weight: 500
    }
}

@media(max-width: 1200px) {
    .course-price__head {
        background-size:contain
    }

    .lesson-gas .lesson-content {
        padding-top: 36%
    }

    .video-section__cols {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1170px) {
    .who-course-title {
        width:100%
    }

    .who-course__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .who-course__item {
        max-width: none;
        width: 100%
    }

    .reviews__list-review {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .reviews__list-review .reviews__item {
        max-width: 100% !important
    }

    .panel-bar-elements .bar-element {
        padding: 14px 30px 11px
    }

    .content-scroll-projects {
        height: auto;
        margin-right: 0;
        overflow: initial
    }

    .content-scroll-projects .btn-scroll-up {
        display: none
    }

    .form-search-header.active {
        width: 60vw
    }

    .course-learn__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .course-price__top {
        gap: 0
    }

    .course-price__item-first {
        padding-bottom: 64px;
        border-bottom: 2px solid #4a596c
    }

    .course-price__item-last {
        padding-top: 64px
    }

    .course-price__content::before {
        display: none
    }

    .course-price__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .course-price__feature {
        max-width: none
    }

    .course-price__item-first {
        max-width: none
    }

    .course-price__text {
        margin-bottom: 40px
    }

    .who-course__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .programs-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1024px) {
    .table-block {
        display:block
    }

    .stages__list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 20px 40px
    }

    .stages__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        gap: 17px
    }

    .stages__item:last-child {
        border-bottom: 1px solid #2d333a
    }

    .stages__right-title {
        font-size: 17px
    }

    .stages__right-text {
        font-size: 16px
    }

    .img-plashka {
        display: none
    }

    .block {
        display: initial
    }

    .subtitle__main {
        font-size: 16px
    }

    .subtitle__main .block {
        display: initial
    }

    .title__main {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 24px
    }

    .subtitle__main {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
        margin-bottom: 30px
    }

    .course__inner {
        background: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
        padding-bottom: 0
    }

    .course__inner .badge {
        display: none
    }

    .course .modal__desc {
        text-align: center;
        margin-top: 10px
    }

    .course .modal__desc-text {
        font-size: 17px
    }

    .course .modal__desc-date {
        font-size: 17px
    }

    .course__desc {
        max-width: 600px
    }

    .course__desc-item {
        font-size: 10px;
        letter-spacing: .4px
    }

    .course .text-dash {
        font-size: 24px
    }

    .course .text-light {
        font-size: 18px
    }

    .course-bg-mobile {
        display: block;
        position: relative
    }

    .course .badge {
        font-size: 25px;
        font-weight: 900;
        line-height: 136%;
        letter-spacing: .763px;
        height: auto
    }

    .course__title {
        text-shadow: 0 1px 1px rgba(0,0,0,.25);
        font-family: Roboto;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal
    }

    .course__title-bottom {
        font-family: Montserrat;
        font-size: 24px;
        letter-spacing: 1.08px;
        margin-top: 15px
    }

    .course__icon img {
        width: 36px;
        height: 36px
    }

    .course__text .subtext {
        display: initial
    }

    .course .btn-course {
        max-width: none
    }

    .course-author.section-content {
        background: -o-radial-gradient(83.51% 100.96%, 57.49% 46.37%, rgba(185, 135, 129, 0.14) 0%, rgba(172, 129, 124, 0) 100%),#1d2126;
        background: radial-gradient(57.49% 46.37% at 83.51% 100.96%, rgba(185, 135, 129, 0.14) 0%, rgba(172, 129, 124, 0) 100%),#1d2126;
        border-radius: 40px;
        padding: 40px
    }

    .course-author__inner {
        max-width: none
    }

    .course-author__left {
        display: none
    }

    .course-author__right-top {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .course-author__right-bottom {
        text-align: center;
        margin-top: 30px;
        font-size: 17px;
        line-height: 150%;
        letter-spacing: .45px
    }

    .course-author__right-bottom .table-block {
        font-size: 15px;
        margin-bottom: 30px
    }

    .course-author .title-container {
        display: none
    }

    .course-author-title {
        color: #e2e1e1;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 5px
    }

    .course-author-name {
        font-size: 30px
    }

    .course-main-btn-center {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
        padding: 0
    }

    .course-main-btn-center-text {
        display: none
    }

    .btn-course {
        width: 100%;
        font-size: 16px
    }

    .reviews-slider .slick-slide::after {
        right: 40px
    }

    .reviews-slider .slick-slide::before {
        right: 52px
    }

    .mission-text-big {
        font-size: 20px
    }

    .mission__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mission__bottom-item:first-child {
        margin-bottom: 20px
    }

    .mission__text-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .modal.registration-modal {
        width: 100%
    }

    .modal.registration-modal .modal__left {
        max-width: none;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .modal.registration-modal .modal__right {
        max-width: none;
        margin-bottom: 24px
    }

    .modal-logo {
        display: none
    }

    .auth-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1100px) {
    .course-price__title {
        margin-bottom:8px
    }

    .course-price__left {
        max-width: 346px
    }

    .success-bottom__close {
        right: 0
    }

    .success-bottom__inner {
        padding-right: 55px
    }
}

@media(max-width: 1060px) {
    .course-price__title {
        font-size:43px
    }
}

@media(max-width: 1023px) {
    .panel-bar {
        background:none !important;
        border: none;
        margin-top: 20px
    }

    .panel-bar-elements {
        margin: 0 -24px 0 0
    }

    .panel-bar .bar-element {
        padding: 14px 18px;
        border-radius: 10px;
        background-color: #232c38;
        margin-right: 16px
    }

    .panel-bar .bar-element-title,.panel-bar .bar-element-subtitle {
        white-space: nowrap
    }

    .panel-bar-container-projects {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 0 0 24px
    }

    .panel-bar-container-projects .panel-bar-elements {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: auto;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .panel-bar-container-projects .panel-bar-elements::-webkit-scrollbar {
        display: none
    }

    .panel-bar-container-projects .panel-bar .project__info-item-date {
        display: block
    }

    .panel-bar-container-projects .panel-bar-elements {
        margin: 0
    }

    .panel-bar-like {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .projects__list-slider .slider__counter {
        position: absolute;
        bottom: -30px;
        top: auto;
        right: 24px
    }

    .panel-project-name {
        max-width: none;
        -webkit-line-clamp: 3;
        margin-bottom: 10px;
        padding-right: 40px
    }

    .projects-slider__top {
        display: none
    }

    .container-projects {
        padding: 0
    }

    .container-projects-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .container-projects-slider .project__info-item-date-slider {
        display: none
    }

    .breadcrumbs__box-btn-detail-project {
        padding: 0 24px
    }

    .project-item__slider-img {
        padding: 0
    }

    .student {
        max-width: none;
        padding: 0 24px 30px
    }
}

@media(max-width: 1000px) {
    .reviews-slider .slick-slide::after {
        right:40px
    }

    .reviews-slider .slick-slide::before {
        right: 52px
    }

    .articles__right-popular-detail {
        display: none
    }

    .articles__center {
        padding-right: 24px
    }

    .articles__list {
        height: auto;
        padding-right: 0;
        margin: 0
    }

    .container-article-detail {
        padding: 25px 24px 40px !important
    }

    .container-article-detail .content__center-col {
        max-width: none !important
    }

    .sticky-projects {
        display: none
    }
}

@media(max-width: 950px) {
    .container__main-slider {
        max-width:670px
    }

    .image-comparison__image {
        max-width: 670px
    }
}

@media(max-width: 900px) {
    .modal-course {
        width:95%;
        height: auto;
        padding: 30px 40px 20px
    }

    .modal__left {
        max-width: 260px
    }

    .projects__list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .course-price {
        position: relative;
        background: -o-radial-gradient(85.64% 97.38%, 77.04% 15.23%, rgba(255, 197, 111, 0.07) 0%, rgba(255, 203, 125, 0) 100%),#1d2126;
        background: radial-gradient(77.04% 15.23% at 85.64% 97.38%, rgba(255, 197, 111, 0.07) 0%, rgba(255, 203, 125, 0) 100%),#1d2126;
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
        box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
        border: 0;
        border-radius: 33px
    }

    .course-price-section {
        padding: 0
    }

    .course-price__head {
        background: none;
        padding: 0
    }

    .course-price__list {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        display: -ms-grid;
        display: grid;
        gap: 0 24px
    }

    .course-price__mobile-img {
        display: block;
        width: 100%;
        height: 100%
    }

    .course-price__body {
        gap: 0
    }

    .course-price__feature {
        color: #f3f4f4;
        font-size: 16px;
        font-weight: 300;
        line-height: 140%
    }

    .course-price__text {
        font-size: 16px;
        letter-spacing: initial
    }

    .course-price__left img {
        width: 60%;
        height: auto;
        position: absolute;
        top: -42px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .course-price__right {
        margin-top: 7%
    }

    .course-price__title {
        margin-top: -15%
    }

    .course-price__desk {
        font-size: 16px;
        font-weight: 300;
        line-height: 140%;
        text-align: center
    }

    .course-price__desk-block {
        padding: 0 24px
    }
}

@media(max-width: 800px) {
    .companies {
        padding:0 24px
    }

    .employment .review-left-bottom {
        display: none
    }

    .employment .review-item__right .employment__title {
        display: none
    }

    .employment .review-item__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 14px;
        margin-bottom: 16px
    }

    .employment__title-mobile {
        display: block;
        font-size: 18px;
        margin-bottom: 0
    }

    .company__item {
        font-size: 16px
    }

    .container-min-slug {
        padding: 0 24px !important
    }

    .container-min-slug .articles__right {
        display: none
    }

    .block-mobile {
        display: block
    }

    .desktop-block {
        display: none
    }

    .share-block-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        margin: 30px 0
    }

    .header {
        -webkit-box-shadow: 0 2px 6px 4px #171b1f;
        box-shadow: 0 2px 6px 4px #171b1f
    }

    .sidebar.sidebar-mobile {
        background: none;
        max-width: none
    }

    .sidebar.sidebar-mobile .user__default-big {
        width: 176px;
        height: 176px;
        margin-bottom: 20px
    }

    .sidebar.sidebar__left.sidebar-profile {
        overflow: auto
    }

    .sidebar.sidebar__left.sidebar-profile .user__default-big {
        width: 176px;
        height: 176px
    }

    .sidebar.sidebar__left.sidebar-profile .profile-edit {
        padding: 5px 20px 20px
    }

    .sidebar.sidebar__left.sidebar-profile .sidebar__bottom {
        padding: 0 24px 50px
    }

    .sidebar.sidebar__left.sidebar-profile .personal-input {
        height: auto
    }

    .sidebar.sidebar__left.sidebar-profile .user__default-big-img::before {
        opacity: 1
    }

    .sidebar.sidebar__left.sidebar-profile .user__default-big-img .test__item-btn {
        display: block;
        opacity: 1;
        pointer-events: all
    }

    .sidebar.sidebar__left.sidebar-profile .user__default-big-img img {
        -webkit-filter: brightness(0.5);
        filter: brightness(0.5)
    }

    .sidebar:not(.sidebar-project) {
        max-width: none;
        width: 100%
    }

    .content-right.container-min-p {
        padding: 56px 0 0;
        background: #000
    }

    .content-right.container-min-p .article__info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .article {
        margin-bottom: 0
    }

    .content-right .content__center-col.detail-page {
        max-width: none
    }

    .article-right {
        display: none
    }

    .content-top__title-project,.content-top__title-review {
        text-align: center;
        padding: 0 24px
    }

    .reviews-page {
        padding: 0
    }

    .review-detail__text {
        padding: 0 24px
    }

    .project-detail__text {
        display: none
    }

    .project-stages {
        gap: 0
    }

    .project-stage {
        padding: 0;
        background: none;
        border-radius: 0
    }

    .project-stage:first-child {
        position: relative
    }

    .project-stage:first-child::before {
        content: "";
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        position: absolute;
        top: 0;
        width: 80%;
        height: 1px;
        background: #202833
    }

    .project-stage__top {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 8px;
        font-size: 16px
    }

    .project-stage__img {
        display: block;
        border-radius: 0;
        -webkit-filter: none;
        filter: none
    }

    .project-stage__img-b {
        gap: 1px
    }

    .stage-left {
        display: none
    }

    .sidebar-project {
        padding: 0 24px
    }

    .review-detail-b-img img {
        border-radius: 0
    }

    .content__left-col.col-project .sidebar {
        width: 100%;
        top: 56px
    }

    .content__left-col.col-project .sidebar-project {
        padding-top: 0
    }

    .content__left-col.col-project .sidebar-project .sidebar__user {
        margin: 0;
        background: none;
        padding-top: 0
    }

    .content__left-col.col-project .sidebar-project .user__default-big {
        width: 176px;
        height: 176px;
        margin-bottom: 20px
    }

    .content__left-col.col-project .sidebar-project .social__link {
        border: 0
    }

    .content__left-col.col-project .sidebar-project .sidebar__project-name {
        display: none
    }

    .content__left-col.col-project .sidebar-project .sidebar__project-desc {
        display: none
    }

    .content__left-col.col-project .sidebar-project .button_active-modal {
        display: none
    }

    .content__left-col.col-project .sidebar-project .menu-mobile__list {
        display: none
    }

    .content__left-col.col-project .sidebar-project .sidebar__link {
        background: #232c38;
        border-radius: 10px;
        border: 0;
        margin-bottom: 16px;
        padding: 12px 24px
    }

    .content__left-col.col-project .sidebar-project .sidebar-exit-mobile {
        position: absolute;
        top: 47px;
        right: 42px;
        display: block
    }

    .content__left-col.col-project .sidebar-project .sidebar-block__links {
        padding: 0 24px;
        bottom: 155px;
        position: absolute;
        width: 100%
    }

    .content__left-col.col-project .sidebar-project .sidebar-block__links .sidebar__link[data-sidebar-btn=comments] {
        display: none
    }

    .content__left-col.col-project .sidebar-project .student-sidebar-mobile {
        position: relative;
        display: block
    }

    .content__left-col.col-project .sidebar-project .sidebar__top {
        height: auto
    }

    .sidebar-project-mobile .background-dark-block:first-child {
        background: none;
        padding: 0
    }

    .sidebar-project-mobile .background-dark-block:first-child .button-sidebar {
        display: none
    }

    .container-projects .sidebar-button-mobile {
        margin: 0 24px 16px
    }

    .container-projects .sidebar-button-mobile:last-child {
        margin-bottom: 40px
    }

    .detail-text-mobile {
        display: block;
        margin-bottom: 16px
    }

    .content-right .content__center-col-project {
        background-image: none;
        border-radius: 16px 16px 0 0;
        padding-top: 20px
    }

    .panel-bar-container-projects {
        position: relative;
        padding-bottom: 50px
    }

    .panel-bar-col.share-block {
        position: absolute;
        bottom: 0;
        right: 24px
    }

    .projects-slider {
        margin-top: 0
    }

    .form-search-header.active {
        width: 40vw
    }

    .panel-sort {
        margin-left: 0
    }

    .panel-bar-alphabet {
        position: relative;
        z-index: 1;
        display: block;
        margin: 40px 24px 24px;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .panel-bar-alphabet .panel-sort {
        width: 100%;
        height: 50px;
        background: #202833;
        border: 1px solid #2f3c4a;
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.5);
        box-shadow: 0 4px 8px rgba(0,0,0,.5)
    }

    .panel-bar-alphabet .panel-sort::before {
        position: absolute;
        display: block;
        content: "";
        right: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/triangle.svg");
        width: 26px;
        height: 15px;
        background-repeat: no-repeat;
        background-position: center
    }

    .panel-bar-alphabet .panel-sort.active::before {
        background-image: url("/local/templates/cgitems/assets/css/../images/icons/triangle-act.svg")
    }

    .panel-bar-alphabet .panel-sort-text-mobile {
        position: absolute;
        display: block !important;
        left: 45px;
        color: #fff;
        font-size: 18px;
        width: 196px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none
    }

    .panel-sort-left {
        width: 46px;
        font-size: 26px;
        line-height: 6px;
        color: #232c38;
        background-color: #69f;
        pointer-events: none
    }

    .panel-sort-left::before {
        width: 40px;
        height: 7px;
        background-color: #232c38
    }

    .panel-sort-left::after {
        height: 0
    }

    .panel-sort-right-alphabet {
        z-index: 1;
        position: absolute;
        display: none;
        margin-top: 20px;
        background: #232c38;
        border: 1px solid #2f3c4a;
        border-radius: 10px;
        width: 100%;
        gap: 20px;
        padding: 24px !important
    }

    .alphabet__list {
        display: -ms-grid !important;
        display: grid !important;
        -ms-grid-columns: (1fr)[7];
        grid-template-columns: repeat(7, 1fr);
        gap: 8px
    }

    .alphabet__item {
        text-align: center;
        width: 36px;
        height: 36px;
        margin: 0 !important
    }

    .alphabet__item.empty .alphabet__link {
        background-color: #151a1f
    }

    .alphabet__link {
        display: block;
        font-size: 18px !important;
        color: #232c38 !important;
        background: #414f62;
        line-height: 36px;
        border-radius: 8px
    }

    .alphabet__link.active {
        background-color: #69f
    }

    .article-alphabet {
        display: block;
        padding: 0 !important;
        background: none;
        border: 0;
        margin-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .article-alphabet .article__text {
        display: block
    }

    .article__letter {
        display: block;
        height: 48px;
        width: 48px;
        background: #69f;
        font-size: 32px;
        text-align: center;
        line-height: 48px;
        color: #232c38;
        border-radius: 10px;
        margin-bottom: 10px
    }

    .content__left-col-mobile {
        display: block;
        max-width: 100% !important
    }

    .content__left-col-mobile .button-menu-mobile {
        margin-top: 16px;
        margin-bottom: 10px;
        overflow: hidden;
        border-radius: 10px
    }

    .content__left-col-mobile .menu-mobile__list {
        display: none
    }

    .content__left-col-mobile .social {
        display: none
    }

    .content-right-mobile {
        display: block
    }

    .sidebar-mobile {
        position: static !important;
        height: auto !important;
        padding: 24px 24px 20px !important
    }

    .sidebar-button-mobile {
        background-color: #232c38;
        border: 1px solid #2f3c4a;
        border-radius: 10px
    }

    .sidebar-button-mobile::after {
        display: none
    }

    .project-add {
        position: relative;
        display: block;
        max-width: 100%;
        height: 48px;
        padding: 6px 10px 6px 38px;
        margin-right: 0;
        margin-bottom: 16px;
        text-align: start;
        background-color: #232c38;
        border: 1px solid #2f3c4a
    }

    .project-add__last {
        margin-bottom: 30px
    }

    .project-add__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0
    }

    .project-add__text {
        font-size: 17px;
        color: #fff;
        font-weight: 700;
        line-height: 38px
    }

    .project-add__text svg {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        right: 10px;
        width: 30px;
        height: 30px;
        fill: #0099e9
    }

    .student-wrap {
        display: block;
        margin-top: 16px;
        padding: 0 24px
    }

    .student-wrap .student {
        padding: 0 0 70px
    }

    .advertising {
        display: none
    }

    .articles__center-profile {
        padding: 0 24px !important;
        background-color: #13171a
    }

    .accordion__item-profile {
        background: none
    }

    .accordion__title-profile {
        margin-bottom: 30px;
        border-radius: 10px
    }

    .accordion__content-profile {
        padding: 0 !important;
        background: none !important
    }

    .accordion__input {
        background-color: #232c38 !important;
        background-image: none !important
    }

    .accordion .accordion__textarea {
        background-color: #232c38 !important
    }

    .page.home {
        background-image: none
    }

    .course-price {
        background-image: none !important
    }

    .who-course {
        background-image: none !important
    }

    .who-course__item-title {
        font-size: 26px
    }

    .lesson-section {
        padding: 0
    }

    .lesson__title {
        font-size: 24px
    }

    .lesson__text {
        font-size: 16px
    }

    .home-bg {
        background-image: none !important
    }

    .reviews-slider::before {
        display: none
    }

    .col-project.col-project-profile {
        position: static
    }

    .col-project.col-project-profile .sidebar-button-mobile {
        margin-bottom: 16px
    }

    .col-project.col-project-profile .sidebar__wrapper {
        padding: 0
    }

    .col-project.col-project-profile .sidebar__user .social {
        display: block
    }

    .content__center-col-articles.mobile {
        width: 100vw;
        position: fixed;
        left: -100%;
        top: 56px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        height: calc(100vh - 56px);
        background-color: #13171a;
        overflow: auto
    }

    .content__center-col-articles.mobile .articles__center-profile {
        padding: 24px 24px 60px !important
    }

    .content__center-col-articles.mobile .project__link {
        pointer-events: none
    }

    .project-add__box .project {
        margin-right: 0;
        width: 100%;
        height: auto
    }

    .project.project-add {
        display: none
    }

    .project-add-profile {
        max-height: none;
        overflow-y: initial
    }

    .profile-color {
        left: 0px;
        width: auto
    }

    .profile-color .profile-color__box {
        width: 32px;
        height: 32px
    }

    .btn-circle[data-sidebar-btn=sidebar-profile] {
        margin-top: 60px
    }

    .content-right.container-min-p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .content-right.container-min-p .content__center-col {
        padding-top: 20px
    }

    .content__left-col.col-project {
        position: static;
        max-width: none;
        height: auto;
        margin: 0
    }

    .sidebar-project {
        max-width: none;
        width: auto;
        min-height: initial
    }

    .sidebar-project .sidebar__user {
        margin: 0
    }

    .sidebar-project .user__default-big {
        margin: 0 auto
    }

    .fixed-like-project {
        bottom: 160px;
        -webkit-transform: translateX(-30%);
        -ms-transform: translateX(-30%);
        transform: translateX(-30%)
    }

    .content-top-flex {
        display: block
    }

    .course-slider__item {
        background-position: right;
        padding: 9px 32px
    }

    .course-slider__subtitle {
        font-weight: 600;
        font-size: 13px;
        line-height: 15px
    }

    .course-slider__title {
        font-size: 18px;
        line-height: 21px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: .03em
    }

    .course-slider__link {
        font-size: 13px;
        line-height: 15px;
        padding: 4px 12px
    }

    .course-slider .col-right {
        display: none
    }

    .reviews-list-main {
        gap: 16px
    }

    .review-item-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: none;
        gap: 10px;
        border-bottom: 1px solid #202833;
        padding: 0 0 12px;
        border-radius: 0
    }

    .review-item-main .review-item__right-name {
        margin-bottom: 0;
        color: #fff;
        -webkit-font-feature-settings: "liga" off;
        font-feature-settings: "liga" off;
        font-size: 16px;
        letter-spacing: .64px
    }

    .review-item-main .social__list {
        display: none
    }

    .review-item-main .review__avatar {
        width: 48px;
        height: 48px;
        font-size: 22px;
        border-radius: 8px
    }

    .review-item-main .review__avatar img {
        width: 48px;
        height: 48px;
        border-radius: 8px
    }

    .review-all-link {
        font-size: 16px
    }

    .review-item__right-text {
        font-size: 14px;
        line-height: 160%;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .review-item__right-top {
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        gap: 0;
        left: 63px;
        margin-bottom: 0
    }

    .review-item__project-name {
        color: #7d92b0;
        -webkit-font-feature-settings: "liga" off;
        font-feature-settings: "liga" off;
        font-size: 14px;
        letter-spacing: .56px
    }

    .container__main-slider {
        max-width: 670px
    }

    .image-comparison__image {
        max-width: 670px
    }

    .lesson__buttons .btn {
        width: 100%;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .courses__title {
        font-size: 30px
    }

    .courses__title-min {
        font-size: 30px
    }

    .feedback__inner {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        padding: 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: none
    }

    .feedback__title {
        font-size: 26px;
        max-width: 360px
    }

    .feedback__form {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px
    }

    .feedback__check-text {
        text-align: center;
        font-size: 14px
    }

    .feedback__input {
        height: 40px
    }

    .feedback__button {
        height: 40px;
        font-size: 16px
    }

    .form-section {
        margin-bottom: 0 !important;
        background: #101416
    }

    .mobile-footer {
        display: block;
        padding-bottom: 30px;
        background: #101416
    }

    .mobile-footer__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer__logo-img {
        max-width: 500px
    }

    .mobile-policy-text {
        color: #68788f;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: .36px
    }
}

@media(max-width: 768px) {
    .review-item__right-text {
        display:-webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .course-price {
        padding-bottom: 0 !important
    }

    .course-price__title {
        font-size: 30px
    }

    .course-price__inner-title {
        font-size: 26px;
        line-height: 30px
    }

    .course-price__feature {
        font-weight: 300;
        font-size: 14px;
        padding-left: 30px
    }

    .course-price__feature::before {
        width: 20px;
        height: 20px;
        background-size: cover
    }

    .course-price__text {
        padding: 0 24px
    }

    .course-price__text-border {
        padding: 0 0 5px
    }

    .course-price-section {
        position: relative
    }

    .course-price__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .course-price__info-item {
        padding: 16px 0
    }

    .course-price__info-item-text {
        font-size: 28px;
        line-height: 33px
    }

    .modal__form-course {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 50px
    }

    .modal__btn {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 320px
    }
}

@media(max-width: 770px) {
    .container__main-slider {
        max-width:100%
    }

    .image-comparison__image {
        max-width: 100%
    }

    .image-comparison__before .img {
        width: 100%
    }

    .section-comparison {
        padding: 0
    }

    .image-comparison {
        border: 0;
        border-radius: 0
    }
}

@media(max-width: 700px) {
    .articles__center {
        padding:0
    }

    .articles__filter {
        padding-left: 24px
    }

    .articles__list {
        padding: 0 24px
    }

    .article__text {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .project {
        max-width: 100%
    }

    .project__info-item-date {
        font-size: 12px
    }

    .content-top__title {
        font-size: 20px
    }

    .content-top__text {
        font-size: 16px
    }

    .content-top.detail-bottom {
        font-size: 16px
    }

    .reviews-slider {
        padding-left: 0
    }

    .articles__sort {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .promo-slider.slider-default {
        display: none
    }

    .course-price__title {
        margin-top: -17%
    }

    .course-price__right {
        margin-top: 7%
    }

    .course-price__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 0
    }
}

@media(max-width: 600px) {
    .companies {
        padding:0
    }

    .course-slider.reviews-list-main .btn-slider-wrapper {
        display: none !important
    }

    .success-bottom__inner {
        text-align: start
    }

    .course-author__slider {
        max-width: 320px !important
    }

    .course-author__slider img {
        max-height: 220px
    }

    .course-author__slider .btn-slider {
        top: 34%
    }

    .course-author__slider .btn-slider-arrow {
        width: 24px;
        height: 24px;
        top: 30%
    }

    .course-author__right-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .course-author__right-bottom {
        text-align: center;
        font-size: 16px
    }

    .section-content {
        margin: 80px 0 80px
    }

    body {
        background: #000
    }

    .course__desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .course-projects .carousel-projects {
        max-width: 94%
    }

    .container-min {
        background-color: #000
    }

    .article.article-alphabet {
        border: 0
    }

    .article .article__category {
        padding: 0;
        font-size: 14px
    }

    .article-date {
        font-size: 14px
    }

    .container-articles {
        padding: 0
    }

    .articles-list {
        padding-top: 0
    }

    .articles__filter {
        padding: 0
    }

    .articles__list {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .articles #articles-filter {
        margin-bottom: 30px
    }

    .popup-window-close-icon {
        display: block;
        top: 20px;
        right: 20px;
        background: #414f62;
        border-radius: 50%
    }

    .popup-window-overlay {
        position: fixed;
        top: 56px
    }

    .popup-window {
        position: fixed !important;
        left: 0 !important;
        top: 56px !important;
        width: 100%;
        padding: 0;
        height: 100%
    }

    .popup-window .auth-form:not(.registration) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: calc(100% - 56px);
        border-radius: 0;
        border: 0;
        border-top: 1px solid #2f3c4a;
        overflow: auto;
        background: #171b1f;
        padding: 24px 24px 40px
    }

    .popup-window .auth-form:not(.registration)::before {
        display: none
    }

    .bx-auth {
        height: 100%
    }

    .registration-modal {
        border: 0;
        border-top: 1px solid #2f3c4a;
        border-radius: 0;
        height: calc(100% - 56px);
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: auto;
        background: #171b1f
    }

    .container-projects-slider {
        min-height: 237px
    }

    .student {
        padding: 0 24px 70px;
        gap: 1px
    }

    .student__link-prev::before {
        border-width: 6px 6.5px 6px 0;
        border-color: transparent #fff transparent transparent
    }

    .student__link-next::before {
        border-width: 6px 0 6px 6.5px;
        border-color: transparent transparent transparent #fff
    }

    .student .student__arrow {
        display: none
    }

    .student__name {
        font-size: 12px;
        font-weight: 400;
        color: #fff
    }

    .student__item {
        width: 50%;
        background-color: #232c38;
        padding: 8px 16px
    }

    .student__item:first-child {
        border-radius: 10px 0 0 10px
    }

    .student__item:last-child {
        text-align: end;
        border-radius: 0 10px 10px 0
    }

    .student__item .student__firstname {
        display: block
    }

    .student .text-dark {
        position: absolute;
        bottom: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 12px
    }

    .sticky-projects {
        top: 55px;
        padding-top: 30px
    }

    .sticky-projects .panel-bar {
        margin: 0
    }

    .projects__list-p {
        padding-bottom: 40px
    }

    .projects__list-p .btn-share {
        display: none
    }

    .projects__list-p .project__info-show {
        height: 16px;
        margin-top: 10px;
        opacity: 1
    }

    .breadcrumbs__box-btn,.breadcrumbs {
        display: none
    }

    .article-back {
        display: none
    }

    .courses {
        background-image: url("/local/templates/cgitems/assets/css/../images/home/courses-bg-600.png");
        background-position: top
    }

    .courses__list {
        padding: 0 24px
    }

    .courses__item-button::before {
        width: 124%
    }

    .courses__item-date .bold {
        display: block
    }

    .modal {
        width: 100%;
        padding: 24px !important
    }

    .modal-course .modal__form-course {
        padding-bottom: 70px !important
    }

    .modal-course-logo {
        display: none
    }

    .modal-title {
        font-size: 30px
    }

    .modal .popup-item-title-big {
        font-size: 16px
    }

    .fancybox__content {
        padding: 0;
        height: 100%
    }

    .fancybox__slide {
        border: 0 !important;
        padding: 0 !important
    }

    .modal-course {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal__btn {
        max-width: initial
    }

    .title {
        font-size: 26px
    }

    .title-main {
        font-size: 26px;
        line-height: 1.2
    }

    .title-blue {
        font-size: 26px;
        line-height: 1.3;
        letter-spacing: .3px
    }

    .title-text {
        font-size: 20px;
        font-weight: 500
    }

    .btn-course-mobile {
        display: block
    }

    .course__title {
        margin-bottom: 15px
    }

    .course__icon {
        margin-right: 11px
    }

    .course__text .subtext {
        font-size: 16px;
        line-height: 1.5
    }

    .course__detail {
        padding-top: 105px
    }

    .course__detail-item {
        padding-left: 35px
    }

    .course__detail-item::before {
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain
    }

    .course .text-big {
        font-size: 16px;
        letter-spacing: .3px
    }

    .course .text-light {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: .3px;
        margin-bottom: 10px
    }

    .course .text-dash {
        padding-bottom: 53px;
        font-size: 16px
    }

    .btn-course {
        position: relative;
        width: 100%;
        height: 44px;
        overflow: hidden;
        border-radius: 10px;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mission {
        padding-top: 80px;
        margin-bottom: 60px
    }

    .mission__title {
        margin-bottom: 35px
    }

    .mission__left {
        margin: 0
    }

    .mission__left-item {
        padding: 24px 16px;
        background-image: url("/local/templates/cgitems/assets/css/../images/home/mission-bg-mobile.png");
        background-repeat: no-repeat;
        background-position: 100% 100%;
        border-radius: 10px
    }

    .mission .mission-text-big {
        margin-bottom: 20px;
        font-size: 16px
    }

    .mission__bottom {
        font-size: 14px
    }

    .footnote {
        font-size: 16px;
        border-left: solid 3px #d9d9d9
    }

    .question-employment {
        font-size: 20px
    }

    .employment {
        margin-bottom: 0;
        padding-bottom: 20px !important
    }

    .employment .sidebar-project-mobile {
        padding: 0
    }

    .who-course {
        padding: 20px 0 45px;
        border: none
    }

    .who-course-title {
        padding-left: 0 !important;
        margin-bottom: 37px !important
    }

    .who-course__item {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 30px
    }

    .who-course__item::before {
        letter-spacing: 0;
        left: -20px;
        top: -20px;
        width: 90px;
        height: 90px;
        background-size: contain
    }

    .who-course__item-title {
        margin-top: 10px;
        margin-bottom: 30px
    }

    .who-course__item-text {
        font-size: 14px;
        letter-spacing: .3px
    }

    .advantages {
        padding-top: 82px;
        padding-bottom: 0
    }

    .advantages__title {
        max-width: 250px;
        margin-bottom: 40px
    }

    .advantages__item {
        width: 100%;
        padding-bottom: 70px;
        padding-left: 64px;
        font-size: 16px;
        font-weight: 400
    }

    .advantages__item::before {
        position: absolute;
        display: block;
        content: "";
        width: 40px;
        height: 40px
    }

    .advantages__item::after {
        top: -40px !important;
        left: 0;
        width: 46px
    }

    .course-learn {
        padding-top: 25px
    }

    .course-learn__list {
        gap: 16px
    }

    .course-learn__item {
        padding-left: 32px;
        margin-bottom: 0
    }

    .course-learn__item:not(.title-main) {
        padding-left: 45px
    }

    .course-learn__item:not(.title-main)::before {
        position: absolute;
        display: block;
        content: "";
        top: 24px;
        left: 16px;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .course-learn__item-text {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: .3px
    }

    .course-learn__item-title {
        margin-bottom: 6px;
        line-height: 1
    }

    .course-learn__title {
        padding-left: 0;
        margin-bottom: 40px
    }

    .feedback {
        padding: 60px 0 80px
    }

    .program {
        padding: 80px 0 50px;
        border: none
    }

    .program__left {
        margin-bottom: 70px
    }

    .program__title {
        margin-bottom: 28px
    }

    .program__text {
        margin-bottom: 30px
    }

    .program__text .text {
        margin: 15px 0;
        font-size: 14px;
        letter-spacing: .2px
    }

    .program__text .desc-text,.program__text .desc-title {
        font-size: 14px
    }

    .program__text-title {
        font-size: 18px
    }

    .program-top-text {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: .4px
    }

    .accordion__title {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0
    }

    .accordion__content-inner {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: .3px
    }

    .accordion__arrow {
        top: 10px !important
    }

    .course-price__content {
        padding: 28px 24px 28px
    }

    .course-price__item-top {
        margin-bottom: 35px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .course-price__item-title {
        font-size: 26px
    }

    .course-price__item-price {
        font-size: 26px
    }

    .course-price__item-first {
        padding-bottom: 40px
    }

    .course-price__item-last {
        padding-top: 40px
    }

    .course-price__btn {
        margin-top: 35px
    }

    .course-price__text {
        font-size: 14px
    }

    .course__detail-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .content-scroll {
        height: auto;
        margin-right: 0;
        overflow: initial
    }

    .btn-scroll-up {
        display: none
    }

    .reviews__item-slider {
        height: auto !important;
        width: 100% !important;
        max-width: 400px
    }

    .container.reviews-container {
        padding: 0 24px
    }

    .reviews-slider .reviews-container .reviews__inner {
        max-width: 100%;
        margin: 0 auto
    }

    .reviews__item {
        max-width: 100%
    }

    .container-top.container-reviews {
        padding-top: 40px
    }

    .reviews {
        background: none;
        background-color: #171b1f
    }

    .reviews__list-review {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 24px
    }

    .reviews__list-review .reviews__item {
        border-radius: 10px;
        padding: 16px
    }

    .reviews__list-review .reviews__detail {
        top: 10px
    }

    .reviews-slider {
        border: 0
    }

    .reviews-slider .slick-list {
        padding: 0 !important
    }

    .reviews-slider .slick-slide::before {
        display: none
    }

    .reviews-slider .slick-slide::after {
        display: none
    }

    .reviews__title {
        margin-bottom: 50px
    }

    .reviews__item {
        max-width: 100%;
        background-color: #202833
    }

    .reviews__item .reviews__text {
        padding-bottom: 0
    }

    .reviews__item-slider {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-right: 10px;
        background: none
    }

    .reviews__item-slider::before {
        display: none
    }

    .reviews__item-slider .reviews__text {
        height: 400px
    }

    .reviews__item-bg {
        background-image: none !important;
        padding: 0
    }

    .reviews__img {
        display: none
    }

    .reviews__text-slider {
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: .8px
    }

    .reviews__text-desk {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .reviews__link-desk {
        display: none
    }

    .reviews__detail {
        top: -60px
    }

    .reviews__user-slider {
        margin-bottom: 15px
    }

    .reviews .btn-slider {
        bottom: -70px
    }

    .reviews .btn-slider-prev {
        right: 110px
    }

    .reviews .btn-slider-next {
        right: 0
    }

    .reviews .slider__counter {
        right: 45px;
        bottom: -66px;
        font-size: 20px;
        font-weight: 500;
        width: 70px
    }

    .reviews-page .reviews__text-desk {
        font-size: 14px;
        padding-top: 0;
        margin: 0
    }

    .reviews-page .reviews__user {
        padding-bottom: 10px
    }

    .reviews-page .reviews__list {
        gap: 0
    }

    .reviews-page .reviews__item {
        position: relative !important;
        top: initial !important;
        left: initial !important;
        background: none;
        padding: 0;
        border-bottom: 1px solid #202833;
        padding-bottom: 10px
    }

    .reviews-page .reviews__link-desk {
        position: absolute;
        display: block;
        font-size: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0
    }

    .reviews-page .reviews__item-inner {
        position: static
    }

    ::-webkit-scrollbar {
        width: 5px
    }

    .articles__list-detail {
        padding: 0
    }

    .articles__list-detail .content-top-article {
        border: 0;
        border-radius: 0;
        padding: 24px 24px 16px;
        border-top: 1px solid #2e343c;
        background: #171b1f;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .articles__list-detail .detail-top {
        margin-bottom: 60px
    }

    .articles-comments .sidebar__bottom-comments {
        padding: 24px
    }

    .button-mobile-comments {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container-articles-detail {
        padding: 0
    }

    .article {
        border-bottom: 1px solid #2d333a;
        padding-bottom: 12px
    }

    .article__bottom-col-share {
        display: none
    }

    .article::before {
        top: auto;
        right: 0;
        bottom: 0;
        width: 12px;
        height: 40px;
        border-radius: 10px 0
    }

    .article__title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 5px;
        line-height: 1.2
    }

    .article__link {
        font-size: 14px;
        font-weight: 500
    }

    .article__text {
        margin-bottom: 5px;
        font-size: 12px
    }

    .button__articles {
        padding: 0;
        margin-right: 5px;
        font-size: 13px
    }

    .auth-form:not(.registration) {
        width: 100%
    }

    .articles-detail {
        margin-bottom: 30px;
        font-size: 16px;
        font-weight: 300
    }

    .article__bottom {
        position: relative;
        margin-top: 20px
    }

    .article__bottom-mobile {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 25px
    }

    .article__bottom-col-left {
        display: none
    }

    .article__bottom-col-social {
        display: none
    }

    .article__category-content-top {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 500
    }

    .content-top__title-article {
        font-size: 18px;
        font-weight: 500
    }

    .detail-top .article__bottom-col-like {
        position: absolute;
        bottom: -62px;
        width: 100%;
        text-align: end
    }

    .sidebar.active {
        width: 100%
    }

    .notify {
        right: -50px
    }

    .lesson {
        padding: 50px 24px
    }

    .lesson-content {
        padding-top: 270px
    }

    .lesson__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .programs-content-col {
        background: none;
        padding: 0;
        border: 0
    }

    .programs-content__title {
        text-align: center
    }

    .programs__item {
        font-size: 16px
    }

    .stages__list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }

    .stages__left {
        max-width: 400px
    }
}

@media(max-width: 400px) {
    .alphabet__list {
        -ms-grid-columns:(1fr)[6];
        grid-template-columns: repeat(6, 1fr)
    }

    .content-top__title {
        font-size: 18px
    }

    .content-top__text {
        font-size: 14px
    }

    .course {
        background-size: 130%
    }

    .course__detail-list {
        background-image: url("/local/templates/cgitems/assets/css/../images/home/course/course-mobile-bg.png");
        background-repeat: no-repeat;
        background-position: 100% 100%
    }
}

@media(max-width: 350px) {
    .alphabet__list {
        -ms-grid-columns:(1fr)[5];
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(max-width: 570px) {
    .projects__list {
        -ms-grid-columns:1fr;
        grid-template-columns: 1fr
    }

    .course-price__title {
        font-size: 26px;
        margin-top: -21%
    }

    .course-price .btn-course {
        height: 48px;
        font-size: 16px
    }
}

@media(max-width: 400px) {
    .course-price__title {
        margin-top:-25%
    }
}

@media(max-height: 1300px) {
    .content__left-col .sidebar__top {
        height:84vh
    }
}

@media(max-height: 900px) {
    .content__left-col .sidebar__top {
        height:75vh
    }
}

@media(max-height: 660px) {
    .header .menu__item {
        padding:10px 0
    }
}

@media(min-width: 600px) {
    .modal-contacts.not-promo {
        margin-top:70px
    }

    .articles-comments .sidebar {
        position: relative;
        top: 0;
        left: 0 !important;
        max-width: none;
        width: 100%;
        height: auto;
        margin-top: 20px;
        border: 1px solid #26303d;
        border-radius: 10px;
        line-height: 31px;
        font-weight: 300;
        padding: 24px 32px 40px;
        background-color: #202833;
        -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.5);
        box-shadow: 0 4px 8px rgba(0,0,0,.5);
        background-image: none;
        min-height: 0 !important
    }

    .articles-comments .sidebar .comments {
        height: auto;
        overflow: initial;
        padding: 0
    }

    .articles-comments .sidebar .sidebar__top-project {
        padding: 0;
        margin-bottom: 32px
    }

    .articles-comments .sidebar .comment__text {
        line-height: 31px;
        font-weight: 300;
        color: #f3f4f4
    }

    .articles-comments .sidebar .replies__text {
        color: #f3f4f4
    }

    .articles-comments .sidebar .replies__btn {
        font-size: 16px
    }

    .articles-comments .sidebar .sidebar__form-box {
        width: 40%
    }

    .articles-comments .sidebar .textarea-auto-height::-webkit-scrollbar-thumb {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .articles-comments .sidebar .textarea-auto-height::-webkit-scrollbar-track {
        display: none
    }

    .articles-comments .sidebar .input-add-comment-reply::-webkit-scrollbar-thumb {
        display: none
    }

    .articles-comments .sidebar .sidebar-exit {
        display: none
    }

    .articles-comments .sidebar .sidebar__bottom-comments {
        position: relative;
        background: transparent
    }

    .articles-comments .sidebar .textarea-user {
        padding: 0
    }

    .articles-comments .sidebar.form__btn-box-sidebar {
        position: static;
        padding: 0
    }

    .articles-comments .sidebar__top-project {
        border-bottom: 1px solid #171b1f
    }

    .articles-comments .form__btn-box-sidebar {
        position: absolute;
        bottom: -53px;
        right: 0;
        padding: 0
    }

    .articles-comments .reviews__user-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px
    }
}

@media(min-width: 2561px) {
    .container-projects-slider {
        max-width:70vw
    }
}

@media(max-height: 920px) {
    .content-right .content__center-col-project {
        height:auto
    }

    .personal-input {
        height: 240px
    }
}

@media(max-height: 600px) {
    .content__left-col.col-project .user__default-big {
        width:130px !important;
        height: 130px !important
    }

    .content__left-col.col-project .sidebar__user-name {
        margin-bottom: 15px
    }

    .content__left-col.col-project .sidebar-project .sidebar__user {
        padding-top: 30px
    }

    .content__left-col.col-project .sidebar-project .sidebar-exit-mobile {
        top: 30px;
        right: 30px
    }
}

[data-simplebar] {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

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

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

/* End */
/* Start:/local/templates/cgitems/components/bitrix/search.title/search/style.min.css?16980808433445*/
.bx-searchtitle {
    margin: 10px 0 0
}

.bx-searchtitle .bx-block-title {
    font-family: "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600
}

.bx-searchtitle .bx-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bx-searchtitle .bx-input-group .bx-form-control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f8fafc;
    border: 1px solid #d5dadc;
    border-right: 0;
    border-radius: 2px 0 0 2px;
    outline: 0;
    box-shadow: none!important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
    background-image: -webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);
    background-image: linear-gradient(#f8fafc 0,#f8fafc 100%)
}

.bx-searchtitle .bx-input-group-btn {
    position: relative;
    font-size: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell
}

.bx-searchtitle .bx-input-group-btn button {
    position: relative;
    border: 0;
    background: #95a1a8;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 0 2px 2px 0;
    color: #fff;
    font-size: 16px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bx-searchtitle .bx-input-group-btn button:hover {
    background: #1484ce
}

div.title-search-result {
    border: 1px solid #c6c6c6;
    display: none;
    overflow: hidden;
    z-index: 999;
    min-width: 370px;
    margin-top: -3px;
    background-color: #FFF
}

div.title-search-fader {
    display: none;
    background-image: url('/local/templates/cgitems/components/bitrix/search.title/search/images/fader.png');
    background-position: right top;
    background-repeat: repeat-y;
    position: absolute
}

p.title-search-preview {
    font-size: 12px
}

div.title-search-result td.title-search-price span {
    font-size: 26px
}

.bx_searche .bx_img_element {
    background: #fafafa;
    float: left;
    width: 67px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    bottom: 0
}

.bx_searche .bx_item_block {
    min-height: 65px;
    position: relative
}

.bx_searche .bx_image {
    width: 45px;
    height: 45px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #e8e8e8
}

.bx_searche .bx_item_element {
    padding-left: 10px;
    margin-left: 70px
}

.bx_searche .bx_item_element hr {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

.bx_searche .bx_item_element a {
    margin-top: 10px;
    display: inline-block;
    color: #4788cb;
    font-size: 13px;
    text-decoration: none
}

.bx_searche .bx_item_element a b {
    color: #000;
    font-weight: normal
}

.bx_searche .bx_item_element a:hover,.bx_searche .bx_item_element a:hover b {
    text-decoration: underline
}

.bx_searche .bx_price {
    font-weight: bold;
    font-size: 13px
}

.bx_searche .bx_price .old {
    font-weight: normal;
    text-decoration: line-through;
    color: #636363
}

.bx_item_block.all_result {
    min-height: 0
}

.bx_item_block.others_result {
    min-height: 0;
    padding: 0 0 12px;
    line-height: 12px
}

.bx_item_block.all_result .all_result_title {
    display: block;
    font-size: 12px;
    color: #a7a7a7;
    padding-top: 15px;
    padding-bottom: 10px
}

.bx_item_block.all_result .all_result_title a {
    color: #a7a7a7
}

.bx_item_block.all_result .all_result_title a:hover {
    color: #4788cb
}

.bx_item_block.all_result a {
    margin-top: 0
}

/* End */
/* /local/templates/cgitems/assets/css/app.css?1714379521254943 */
/* /local/templates/cgitems/components/bitrix/search.title/search/style.min.css?16980808433445 */