@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('./Fonts/Quicksand-Light.woff2') format('woff2')
}

@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('./Fonts/Quicksand-Regular.woff2') format('woff2')
}

@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('./Fonts/Quicksand-Medium.woff2') format('woff2')
}

@font-face {
    font-family: Quicksand;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('./Fonts/Quicksand-Bold.woff2') format('woff2')
}

@font-face {
    font-family: 'Icostudna1';
    src:  url('./Fonts/Icostudna1.woff?mwnise') format('woff'),
      url('./Fonts/Icostudna1.svg?mwnise#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Icostudna2';
    src:  url('./Fonts/Icostudna2.woff?mwnise') format('woff'),
      url('./Fonts/Icostudna2.svg?mwnise#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

html,html.html-plugin-news,table {
    background-color: #f4f4f4
}

table td,table thead th {
    padding: .27rem .67rem
}

.layer.layer-footer .layer-footer-column {
    flex-basis: 16rem;
    flex-grow: 1
}

.layer .layer-body {
    flex: 1 1 70%
}

.pagination a,.post .post-date {
    align-items: center;
    display: flex
}

.alert .alert-body,.block,.checkbox,.column .column-body .column-input,.layer,.layer.layer-links a i,.layer.layer-links a span,.sidebar .sidebar-button i,.sidebar .sidebar-button span,a,body,button,html,input {
    position: relative
}

img {
    display: block
}

.form,.window {
    overflow: hidden
}

.block {
    box-shadow: 1px 1px 9px 0 #e3e3e3
}

* {
    box-sizing: border-box
}

table,table td {
    border: 1px solid #d7d7d7
}

img,video {
    max-width: 100%
}

.block .block-content p,.layer .layer-title h1,.layer .layer-title h2,body {
    margin: 0
}

html {
    margin: 0;
    font-family: Quicksand,sans-serif!important;
    color: #4e4e4e;
    font-size: 94%;
    transition: transform .5s;
    overflow-y: scroll;
    min-height: 100%;
    overflow-x: hidden;
    height: 100%
}

a,button,input,textarea {
    font-family: Quicksand,sans-serif;
    outline: 0
}

.layer.layer-links .link-list.link-list-top {
    margin-bottom: 1rem
}

.post .post-date {
    font-weight: 600;
    font-size: 1.2rem;
    gap: .5rem
}

.layer .layer-content+.pagination,.layer .pagination+.layer-content {
    margin-top: 1.67rem
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: end
}

.pagination a {
    width: 2.33rem;
    justify-content: center;
    height: 2.33rem;
    color: #fff
}

table {
    border-spacing: 0;
    width: 100%
}

table thead th {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

table tr.tr-category td {
    background-color: #e8e8e8;
    font-weight: 900
}

.form hr,.post hr {
    width: 80%;
    height: .2rem;
    margin: 0;
    border-width: 0;
    background-color: #f3f3f3
}

.checkbox,.form .form-row-name-event_date .form-row-body {
    display: flex;
    align-items: center
}

.layer.layer-breadcrumb .breadcrumb a:not(:first-child),.profile+span,i+span,i+time,span+i,time+i {
    margin-left: .33rem
}

.layer .layer-body.layer-body-flex {
    display: flex;
    justify-content: space-between;
    gap: 3.33rem
}

.layer.layer-breadcrumb {
    background-color: #fff;
    padding: .67rem!important;
    border-bottom: 2px solid #efefef
}

.layer .layer-body .layer-side {
    display: flex;
    flex-direction: column;
    width: 20rem
}

.layer-side .list .list-row:hover {
    background-color: #f2f2f2
}

.list .list-body,.post {
    display: grid;
    gap: 1rem
}

a,button,input {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    transition: color .3s,background .3s,border .3s;
    width: auto;
    background-color: transparent;
    word-break: break-word;
    display: initial;
    z-index: 1;
    text-align: left;
    line-height: normal;
    border-width: 0
}

.alert {
    font-size: 1.2rem;
    background-color: #de4b4b;
    color: #fff;
    display: flex;
    margin-bottom: 4rem
}

.alert.alert-type-success {
    background-color: #4caf50
}

.alert .alert-body,.alert .alert-icon {
    padding: 1rem
}

.alert .alert-icon {
    background-color: #0000001a;
    display: flex;
    align-items: center;
    padding: 0 1.8rem;
    font-size: 1.5em
}

.alert .alert-body {
    width: 100%;
    font-weight: 500;
    display: flex;
    justify-content: space-between
}

.alert .alert-close {
    font-size: 1.2rem;
    display: inherit;
    cursor: pointer
}

h3 {
    font-size: 1.67rem;
    margin-bottom: .33rem
}

.navbar {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0
}

.navbar.navbar-mobile {
    transform: translateX(-20rem);
    width: 16.67rem;
    height: 100%;
    transition: transform .3s;
    z-index: 99999999
}

.navbar.navbar-mobile .navbar-button .dropdown-menu {
    width: 100%;
    transition: none;
    position: relative;
    display: none
}

.navbar.navbar-mobile .navbar-button .dropdown-menu .dropdown-content {
    box-shadow: none
}

.navbar.navbar-mobile.navbar-opened {
    transform: translateX(0)
}

.navbar.navbar-mobile .navbar-content {
    flex-direction: column
}

.navbar .navbar-top {
    padding: .87em 0
}

.navbar .navbar-top .navbar-container {
    display: flex;
    gap: 3.33rem
}

.navbar .navbar-top span {
    color: #000
}

.navbar .navbar-image {
    border-radius: 100%;
    padding: 2.66rem;
    position: absolute;
    top: -3rem;
    left: -8rem
}

.navbar .navbar-container {
    display: flex;
    position: relative
}

.navbar.navbar-default .navbar-bottom .navbar-container {
    justify-content: space-between
}

.layer .layer-container,.navbar .navbar-content {
    display: flex
}

.layer .layer-container {
    flex-wrap: wrap;
    gap: 2rem
}

.navbar .navbar-button a {
    padding: 1rem .93em;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    transition: background-color .3s
}

.navbar .navbar-button .username {
    display: flex;
    align-items: center;
    text-transform: none
}

.layer.layer-content-grey {
    background-color: #f4f4f4!important
}

@media (max-width: 40rem) {
    .block-list {
        grid-template-columns:repeat(auto-fill,minmax(20rem,auto))!important
    }

    html:not(.html-index) .navbar.navbar-default+.layer {
        margin-top: 3.06rem!important
    }

    table td,table th,table tr {
        display: block;
        width: 100%
    }

    table tr {
        background-color: #f4f4f4;
        margin-bottom: .5rem!important;
        border: 1px solid #ddd
    }

    table thead tr {
        border-width: 0
    }

    table {
        background-color: transparent;
        width: 100%;
        border: none
    }
}

header {
    height: 91.5vh;
    position: relative;
    min-height: 90vh;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    width: 100%;
}

header h1 {
    color: #fff;
    font-size: 2.66rem;
}

header h1 span {
    background-color: #000000a6;
    padding: 0.67rem 1.33rem;
    display: inline-table;
    white-space: break-spaces;
}

.block,.dropdown.dropdown-type-form .dropdown-content .dropdown-body,.layer.layer-content:not(.layer-content-field),.layer.layer-post {
    background-color: #fff
}


.layer.layer-container {
    margin-top: 1.33rem
}

.container,.layer-container, .navbar-container {
    max-width: 93.33rem;
    margin: 0 auto;
    padding: 0 1rem;
    width: 100%;
    position: relative
}

.layer .layer-container>hr {
    background-color: #f3f3f3;
    width: .13rem;
    border-width: 0;
    flex: 0 1 0.2%
}

.sidebar {
    min-width: 17rem;
    display: flex;
    flex-direction: column;
    gap: .67rem;
    flex: 1 1 10%;
    border-left: 3px solid #f3f3f3;
    padding-left: 2rem
}

.sidebar .sidebar-button.sidebar-button-margin {
    margin-top: 3.33rem
}

.sidebar .sidebar-button {
    text-align: center;
    color: #fff;
    padding: .67rem;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
}
.sidebar .sidebar-button img {
    height: 1.5rem;
    z-index: 9;
}
.sidebar .sidebar-button.sidebar-button2 {
    background-color: #1d7d47;
}
.sidebar .sidebar-button.sidebar-button3 {
    background-color: #8ee1f6;
    color: #000;
}
.sidebar .sidebar-button.sidebar-button4 {
    background-color: #be49dd;
}
.sidebar .sidebar-button.sidebar-button5 {
    background-color: #002379;
}
.layer.layer-links a:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000001f;
    position: absolute;
    opacity: 0;
    transition: opacity .3s
}

.layer.layer-links .link-list.link-list-bottom,.layer.layer-links .link-list.link-list-top {
    display: flex;
    gap: 1rem;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center
}

.layer.layer-links .link-list.link-list-bottom {
    justify-content: center;
    display: flex;
    flex-wrap: wrap
}

.layer.layer-columns .layer-body .layer-columns-attachment iframe {
    height: 20rem
}

@media (max-width: 60rem) {
    .layer .layer-title .layer-link,.layer .layer-title .link {
        position:relative!important
    }

    .layer.layer-columns .layer-columns-attachment {
        width: 100%!important
    }

    .layer .layer-title {
        flex-direction: column
    }

    .layer.layer-columns.layer-about .layer-columns-content {
        padding-right: 0 !important;
    }

    .layer .layer-title h2 {
        text-align: center
    }

    .layer.layer-columns .layer-body .layer-columns-attachment #panorama,.layer.layer-columns .layer-body .layer-columns-attachment iframe {
        height: 20rem
    }

    .layer .layer-container>hr {
        width: 100%;
        height: .13rem;
        margin: 1rem 0
    }

    .sidebar.sidebar-buttons {
        flex-direction: row;
        flex-wrap: wrap;
        border-width: 0;
        padding: 0
    }

    .sidebar .sidebar-button {
        width: 13rem;
        flex-grow: 1;
        margin: 0!important
    }

    .post .post-row .post-row-body {
        flex-direction: column;
        gap: 0!important
    }

    .post.post-field .post-row.post-row-name-article_image .post-option {
        padding: 10rem 0!important;
        width: 100%
    }
}

@media (max-width: 3.33rem) {
    html:not(.html-index) .navbar.navbar-default+.layer {
        margin-top:7.53rem!important
    }

    .layer.layer-calendar .calendar:before,.layer.layer-canteen .canteen:before,html.html-index .layer.layer-news .block-list>:first-child::before {
        display: none
    }

    .layer .layer-title {
        align-items: center!important
    }
}

.column .column-alert {
    color: #de4b4b;
    margin-bottom: 1rem;
    font-weight: 600
}

.navbar-button.dropdown-name-collapse,.trumbowyg-dropdown.trumbowyg-dropdown-emoji button svg,input[type=checkbox],input[type=radio],label.label>i {
    display: none
}

@media (max-width: 66.67rem) {
    .navbar-button.dropdown-name-collapse {
        display:block!important
    }

    .carousel-image-speak,.navbar.navbar-default .navbar-bottom .navbar-container>:first-child .navbar-button:not(.dropdown-name-collapse) {
        display: none
    }

    .layer.layer-links .layer-container {
        margin-top: 0!important
    }

    .navbar .navbar-top .navbar-container {
        justify-content: space-between
    }
}

.block,.layer.layer-news {
    flex-direction: column;
    display: flex
}

.layer.layer-links a {
    color: #000;
    font-weight: 600;
    text-align: center
}

.layer .layer-title {
    text-align: center;
    margin-bottom: 2.66rem;
    font-size: 1.47rem
}

.layer.layer-links .link1,.sidebar .sidebar-button.sidebar-button1 {
    background-color: #d52d2d;
}

.layer.layer-links .link-list-top a {
    padding: 3.33rem 0;
    font-size: 1.67rem;
    flex-basis: 20rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    cursor: pointer;
}

.layer.layer-links .link-list-top a img {
    
height: 3rem;
}

.layer.layer-links .link-list-bottom a {
    padding: 2rem 0;
    font-size: 1.33rem;
    flex-grow: 1;
    flex-basis: 17rem
}

.layer.layer-news {
    gap: 2.33rem
}

.block .block-body {
    width: 100%;
    padding: .87rem;
    display: flex;
    flex-direction: column;
    gap: .67rem
}

.block .block-title {
    font-size: 1.73rem;
    font-weight: 700;
}

.block .block-image {
    min-width: 20rem;
    height: 16.67rem
}

.block .block-content {
    font-size: 1.07rem
}

.block .block-image .block-image-inner {
    transition: background .9s;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.block .block-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 0
}

.attachment .attachment-name,.block .block-bottom span {
    font-weight: 700
}

.block .block-bottom a {
    font-weight: 700;
    color: #2b63b6
}

html.html-hidden *,html.no-transition * {
    transition: none!important
}

@keyframes show {
    from {
        transform: translateX(-10rem);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.layer.layer-links .layer-container {
    margin-top: -7.87rem;
    background-color: #f4f4f4;
    padding-top: 1rem
}

.layer .layer-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.layer .layer-title.layer-title-left {
    justify-content: flex-start
}

.layer.layer-subcontent .layer-title {
    justify-content: initial
}

.layer .layer-title .layer-button {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2rem
}

.layer .layer-title .layer-link {
    right: 0;
    position: absolute;
    font-weight: 700;
    font-size: 1.27rem
}

.button i+span {
    margin-left: .47rem
}

.layer.layer-columns .layer-body {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem
}

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

.layer-news .read-more-news {
    font-size: 1.67rem;
    display: block;
    text-align: center;
    font-weight: 600
}

.layer.layer-footer .layer-footer-top {
    background-color: #202020;
    color: #fff;
    padding: 2rem 0
}

.layer.layer-footer a {
    color: #fff;
    font-weight: 500;
    padding: .27rem .53rem
}

.layer.layer-footer .layer-footer-bottom a {
    padding: 0 0 0 .33rem
}

.layer.layer-footer a:hover {
    background-color: #161616
}

.layer.layer-footer a i {
    transition: color .3s
}

.layer.layer-footer .layer-container {
    display: flex;
    gap: 2rem
}

.layer.layer-footer .layer-container div img {
    height: 3.4rem;
    width: 100%;
}

.layer.layer-footer .layer-footer-column.layer-foter-column-menu {
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.layer.layer-footer .layer-footer-bottom {
    background-color: #161616;
    color: #ececec;
    padding: 1rem 0
}

.notification {
    font-size: 1.2rem;
    position: relative;
    margin-bottom: 3.33rem;
    color: #fff;
    background-color: #de4b4b;
    width: 100%;
    display: flex
}

.notification .notification-body {
    padding: 1.13rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.page-alert .page-alert-body .page-alert-content.page-alert-content-clear {
    min-height: 1.73rem;
    display: flex;
    align-items: center
}

.notification .notification-icon {
    padding: 1.13rem 2rem;
    background-color: #0000001a;
    display: flex;
    align-items: center;
    font-size: 1.33rem
}

.button,.dropdown .dropdown-text {
    padding: 0 1rem
}

.notification .notification-icon i {
    font-size: 1.8rem;
    text-align: center
}

.notification-close {
    margin-left: 1rem;
    color: #fff;
    float: right;
    font-size: 1.2rem;
    cursor: pointer
}

.notification .notification-body .notification-content .notification-title {
    font-weight: 500
}

.button.button-delete,.notificationnotification-type-warning {
    background-color: #de4b4b
}

.notification.notificationt-type-notice {
    background-color: #f4970d
}

.post .post-title {
    font-size: 2.66rem;
    font-weight: 700;
    margin: 0
}

.post .post-label {
    display: flex;
    align-items: center;
    gap: .67rem;
    flex-wrap: wrap
}

.post .post-content {
    font-size: 1.13rem
}

.attachment-list,.post .post-images {
    display: flex;
    flex-wrap: wrap
}

.attachment-list .attachment img,.post .post-images img {
    height: 10rem
}

.panel.panel-top {
    line-height: 41px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.33rem
}

.button,.panel .panel-right>*,.panel.panel-bottom .pagination {
    display: inline-block
}

.panel.panel-top .panel-right {
    width: 100%;
    text-align: right
}

.panel.panel-top .pagination+.panel-right {
    width: auto
}

.panel.panel-bottom {
    text-align: right;
    margin-bottom: 0!important;
    margin-top: 1.33rem
}

.panel.panel-top .pagination {
    margin: .27rem 0
}

.panel .panel-bottom {
    margin-bottom: .67rem;
    display: flex;
    justify-content: space-between;
    line-height: 32px
}

.panel.panel-footer .panel-bottom {
    justify-content: flex-end;
    margin: 0
}

.form .form-text,.panel .panel-right>:not(:last-child) {
    margin-right: .67rem
}

.panel .panel-right .dropdown>a {
    line-height: 41px;
    font-weight: 500;
    display: flex;
    z-index: 90;
    position: relative;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    color: #fff
}

.dropdown .dropdown-arrow {
    padding: 0 .67rem;
    transition: background .3s,color .3s;
    display: flex;
    align-items: center
}

.panel .panel-right>a:not(.button) {
    padding: .67rem 0
}

.dropdown-head+.dropdown-body {
    max-height: 16.67rem;
    overflow-y: auto
}

.dropdown-content .dropdown-body .dropdown-row>a {
    padding: .4rem 1.07em;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    word-break: normal;
    height: auto;
    color: #000;
    gap: 1rem
}

.dropdown .dropdown-row label {
    cursor: pointer
}

.dropdown-content {
    position: relative;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.35);
    min-width: 11.33rem;
    text-align: left
}

.dropdown-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: visibility .3s,opacity .3s;
    z-index: 999
}

.opacity,.window {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0
}

.layer-button,.layer-side .list .list-row {
    transition: background-color .3s
}

.dropdown.dropdown-type-form .dropdown-row a:hover {
    background-color: transparent!important
}

.dropdown-content .dropdown-head {
    padding: .53em .8rem;
    line-height: normal;
    border-bottom: 2px solid #f3f3f3;
    font-weight: 600;
    color: #fff
}

.dropdown-content .dropdown-bottom {
    padding: .8rem;
    border-top: 2px solid #f3f3f3;
    background-color: #fff
}

.dropdown-content .dropdown-body {
    padding: .53em 0
}

.dropdown-content .button {
    display: block;
    height: auto;
    line-height: normal;
    padding: .4rem 1.07em;
    width: 100%
}

.dropdown .dropdown-bottom .button {
    color: #fff!important
}

input[type=checkbox]+label .checkbox-icon {
    border: 2px solid rgb(83 83 83);
    color: transparent;
    width: 1.5em!important;
    height: 1.5em!important;
    min-width: 1.13em;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85em
}

label.label input[type=checkbox]+label .checkbox-icon {
    width: 1.07em!important;
    height: 1.07em!important;
    border-width: 0!important;
    background-color: #00000038!important;
    padding: .13rem;
    margin-right: .33rem
}

.button {
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    height: 2.66rem;
    line-height: 40px;
    word-break: inherit
}

.dropdown-content a i {
    font-size: .87em;
    width: .73em!important
}

.label .checkbox-icon i {
    left: auto;
    margin-right: auto
}

.label i,.labels>label:not(:last-child),.layer.layer-breadcrumb .breadcrumb a:not(:last-child) {
    margin-right: .33rem
}

.label i {
    font-size: .67rem!important;
    display: flex;
    position: absolute;
    align-items: center;
    left: .47rem;
    bottom: 0;
    top: 0
}

.dropdown-menu:hover,.dropdown.dropdown-opened>a+.dropdown-menu {
    visibility: visible!important;
    opacity: 1!important;
    display: block!important
}

.window .window-content .window-bottom .button.button-confirm,input[type=checkbox]:checked+label .checkbox-icon {
    color: #fff
}

a.button:hover,button.button:hover,input.button:hover {
    color: #fff!important
}

.button.button-delete:hover {
    background-color: #c94444!important
}

input[type=checkbox]+label,input[type=radio]+label {
    display: flex;
    align-items: center;
    cursor: pointer;
    text-align: left;
    gap: .33rem
}

.checkbox label.label {
    display: block;
    padding: .27rem .67rem;
    border-radius: 0
}

.post .post-label label,.post .post-row-name-article_label label.label {
    padding: .47rem .8rem;
    font-size: 1rem
}

label.label {
    padding: .13rem .47rem;
    font-size: .87em;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    position: relative;
    background-color: #3174d7;
    text-transform: uppercase;
    cursor: text
}

.dropdown-content>label {
    border-radius: 0;
    padding: .13rem .67rem;
    line-height: 40px
}

.form {
    margin-bottom: 1.67rem;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    gap: 1rem
}

.form-submit {
    display: flex;
    justify-content: center
}

.form .form-row {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.33rem;
    font-weight: 700
}

.form .form-row:last-child {
    border-bottom-width: 0
}

.form .form-row.form-row-grid {
    padding: 0
}

.form .form-row .form-row-body,.post .post-row .post-row-body {
    display: flex;
    gap: 1.33rem;
    flex-wrap: wrap
}

.post .post-row textarea {
    border: 1px solid rgb(83 83 83)
}

textarea {
    width: 100%;
    visibility: inherit!important;
    font-size: 1.13rem;
    padding: .33rem;
    resize: vertical;
    border: 1px solid #e6e6e6;
    min-height: 10rem;
    background-color: transparent
}

.trumbowyg-box,.trumbowyg-editor {
    border-color: #f4f4f4;
    font-size: 1.13rem;
    font-weight: 400
}

.post .post-content .trumbowyg-box {
    border: 1px solid #f4f4f4!important
}

.post .trumbowyg-editor {
    height: 100%!important
}

input[type=email],input[type=number],input[type=password],input[type=text] {
    cursor: initial;
    width: 100%;
    border-width: 0;
    border-bottom: 2px solid #4d4d4d;
    padding: .33rem;
    font-size: 1rem
}

.form .form-row-name-article_name .form-text,.form .form-row-name-article_name input[type=text],.form .form-row-name-event_name .form-text,.form .form-row-name-event_name input[type=text] {
    border-width: 3px;
    font-size: 2.66rem;
    font-weight: 700;
    font-size: clamp(1.33rem, 2vw, 2vw)
}

.block .block-content a,.post-content a:not(.button),.trumbowyg-editor a {
    font-weight: 600;
}

.form .form-option {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.form .form-row:not(.form-row-grid) .form-text+.form-option {
    flex-basis: 30rem;
    flex-grow: 1
}

.form .form-text {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.attachment-list.attachment-list-images .attachment {
    position: relative;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    min-width: 8rem;
    display: flex;
    justify-content: flex-end
}

.attachment-list.attachment-list-files {
    flex-direction: column;
    background-color: #f8f8f8
}

.attachment-list.attachment-list-files .attachment {
    display: flex;
    align-items: center;
    padding: .67rem 1rem;
    gap: .33rem;
    justify-content: space-between
}

.attachment>i {
    font-size: 4rem
}

.attachment .attachment-text {
    font-weight: 600;
    font-size: 1.07rem
}

.button.button-download {
    background-color: #3da03d
}

.attachment .button {
    padding: .33rem .53em;
    height: auto;
    line-height: normal;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap
}

.attachment-list .attachment .delete:hover {
    background-color: #c94444
}

.attachment-list .attachment .delete {
    background-color: #de4b4b;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .33rem;
    padding: .13rem .53em;
    font-size: .87em;
    transition: background-color .3s;
    margin-top: .33rem;
    cursor: pointer;
    position: absolute;
    top: .2rem;
    right: 0;
    z-index: 99
}

.attachment-list .attachment .delete i {
    width: .87em;
    text-align: center;
    color: #fff;
    font-size: inherit
}

.form .attachment-list.attachment-list-images .delete:hover {
    background-color: #ba4949
}

.trumbowyg-button-pane .trumbowyg-button-group::after,.trumbowyg-button-pane::after {
    background: #eaeaea
}

.trumbowyg-button-pane {
    background: #f4f4f4
}

.window {
    top: 0;
    right: 0;
    margin: 10rem auto 0;
    height: max-content;
    z-index: 9999999999;
    max-width: 30rem;
    width: 100%
}

.column,.column input {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%)
}

.window.window-alert .window-content {
    background-color: #de4b4b;
    color: #fff;
    flex-direction: row;
    justify-content: normal
}

.window.window-alert .window-icon i {
    display: none;
    width: 1rem;
    text-align: center
}

.window.window-alert {
    margin-top: 3.33rem;
    bottom: 0;
    right: 1.67rem;
    top: initial;
    left: initial;
    width: initial
}

.opacity {
    z-index: 9999999;
    background-color: #00000070;
    top: 0;
    width: 100%;
    height: 100%
}

.window .window-content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.window .window-icon {
    background-color: #0000001a;
    padding: 0 1rem;
    display: flex;
    align-items: center
}

.layer-button,.layer.layer-message {
    padding: .67rem 1.33rem;
}

.window .window-content textarea {
    height: 5.33rem;
    min-height: 5.33rem;
    max-height: 13.33rem
}

.window .window-content .window-close {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 1rem;
    margin-top: 1rem;
    color: #fff
}

.window .window-content .window-body {
    font-weight: 600;
    padding: 1.33rem;
    max-height: 33.33rem;
    overflow-y: auto
}

.window.window-alert .window-content .window-body {
    word-break: break-word;
    padding: 1rem 1.27rem
}

.window .window-content .window-description {
    padding: 1.33rem;
    font-weight: 600
}

.window .window-content .window-bottom {
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center
}

.window .button {
    width: 100%;
    font-weight: 700;
    color: #4e4e4e;
    background-color: #ddd;
}

.window .window-body>:not(:last-child) {
    margin-bottom: 1.33rem
}

.window .window-content .window-head {
    padding: 1rem 1.33rem;
    font-size: 1.33rem;
    font-weight: 600;
    background-color: transparent;
    border-bottom: 2px solid #f3f3f3;
    box-shadow: none;
    display: flex;
    align-items: center
}

.layer.layer-columns .layer-columns-attachment {
    flex-basis: 20rem;
    flex-grow: 1
}

.layer.layer-footer {
    margin-top: auto
}

.layer.layer-columns .layer-columns-content.layer-columns-left {
    align-items: flex-end;
    text-align: right
}

.layer.layer-columns .layer-columns-content.layer-columns-left h2 {
    text-align: right
}

.layer.layer-columns.layer-about .layer-columns-content {
    padding-right: 8rem;
}

.layer.layer-columns .layer-columns-content {
    font-size: 1.27rem;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: flex-start;
    width: 100%;
    flex-basis: 30rem;
    flex-grow: 1
}

.layer.layer-error,.layer.layer-message .layer-container {
    justify-content: center;
    text-align: center
}

iframe {
    display: block;
    width: 100%
}

.layer.layer-columns .layer-columns-content h2 {
    font-size: 2.66rem;
    margin: 0
}

.layer-button {
    color: #fff;
    font-weight: 600
}

.layer.layer-message {
    color: #fff;
    font-size: 1.33rem;
    font-weight: 700
}

.form .form-row.form-row-name-article_image .form-option {
    border-width: 0;
    background-color: #d0d0d0;
    padding: 10rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .33rem;
    background-position: center;
    background-size: cover;
    position: relative;
    max-width: 45rem;
    width: 100%
}

.form .form-row.form-row-name-article_image .form-option .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #00000085;
    left: 0;
    top: 0
}

.post .post-image img {
    height: 26.67rem
}

.layer.layer-error {
    display: flex;
    align-items: center;
    height: 100vh
}

.layer.layer-error .layer-error-body {
    width: 40%
}

.layer.layer-error .layer-error-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 1.33rem!important;
    height: 4.67rem;
    width: 4.67rem;
    border-radius: 100%;
    color: #00000091;
    align-items: center;
    font-weight: 500;
    margin: 0 auto;
    color: #fff;
    font-size: 2.66rem
}

.layer.layer-error .layer-error-title {
    margin-bottom: 1.33rem;
    font-size: 1.33rem;
    font-weight: 700;
    text-transform: uppercase
}

.layer.layer-error .layer-error-description {
    margin-bottom: 1.33rem;
    color: #8a8a8a;
    margin-top: -.67rem
}

.layer.layer-error a {
    font-weight: 700;
    text-align: center
}

.block-list {
    display: grid;
    gap: 1.67rem;
    grid-template-columns: repeat(auto-fill,minmax(26.67rem,auto));
    align-items: flex-start
}

.layer:not(.layer-message,.layer-footer) {
    padding: 2.33rem 0
}

html:not(.html-index) .navbar.navbar-default+.layer {
    margin-top: 6.33rem
}

.layer.layer-breadcrumb .breadcrumb {
    font-weight: 500;
    font-size: 1.07em
}

.layer-side .list {
    display: flex;
    flex-direction: column;
    border: 8px solid #f2f2f2
}

.layer-side .list .list-head {
    padding: .67rem 1rem;
    font-weight: 500;
    border-bottom: 2px solid #f2f2f2
}

.layer-side .list .list-row a {
    padding: .67rem 1rem;
    display: block
}

.layer-side .list .list-row a i {
    width: 1.47rem;
    text-align: center
}

.post .post-title input {
    font-size: 2.66rem;
    border-bottom: 3px solid #3274d7;
    font-weight: 700;
    cursor: text;
    width: 60rem;
    border: 3px solid #4e4e4e;
    padding: .2rem .33rem
}

.post .post-content textarea {
    font-size: 1.13rem;
    cursor: text;
    border: 1px solid #4e4e4e;
    padding: .2rem .33rem
}

.post+.form-submit {
    margin-top: 2rem
}

.post .post-row {
    font-size: 1.13rem;
    display: flex;
    flex-direction: column;
    gap: .67rem
}

.post-row-name-article_label .post-option {
    flex-wrap: wrap;
    gap: .67rem
}

.post .post-row.post-row-name-event_date i {
    font-size: 1.33rem;
    display: flex;
    align-items: center;
    margin-right: -.67rem
}

.post .post-row.post-row-name-event_date span {
    font-size: 1.33rem;
    font-weight: 700
}

.post .post-content>:first-child {
    margin-top: 0
}

.post .post-content>:last-child,.post.post-field hr {
    margin-bottom: 0
}

.post .post-row.post-row-type-html .post-option {
    border: 1px solid #f4f4f4
}

.post .post-row.post-row-name-article_name .post-option input,.post .post-row.post-row-name-article_name .post-text,.post .post-row.post-row-name-event_name input,.post .post-row.post-row-name-event_name span {
    font-size: 2.66rem
}

.post .post-row.post-row-name-article_name .post-option input,.post .post-row.post-row-name-event_name input {
    border-width: 3px;
    font-weight: 700
}

.post .post-row.post-row-grid .post-row-body {
    flex-direction: column;
    gap: .67rem
}

.post .post-row .post-text {
    font-size: 1.33rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.post .post-row .post-option {
    display: flex;
    width: 100%
}

.post .post-row.post-row-type-file input {
    width: 24rem
}

.post.post-field {
    gap: 1rem
}

.form .form-row.form-row-name-article_image input {
    border-width: 0;
    color: #fff
}

.form .form-row.form-row-name-article_image .checkbox {
    color: #fff;
    justify-content: center;
    font-weight: 500
}

.form .form-row input {
    font-weight: 500;
    padding: .2rem .33rem;
    font-size: 1.33rem;
    border: 2px solid rgb(83 83 83)
}

.post ::placeholder {
    color: #a4a4a4;
    font-weight: 500
}

.layer.layer-list .brand-list {
    display: flex;
    gap: 3.33rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.layer.layer-list .brand-list .brand img {
    height: 100%;
    margin: 0 auto;
    display: block;
    transition: opacity .3s;
    vertical-align: top;
    position: absolute
}

.layer.layer-list .brand a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit
}

.layer.layer-list .brand {
    flex-basis: 10rem;
    background-color: transparent;
    box-shadow: none;
    text-align: center;
    transform: none!important;
    padding: 0;
    width: 10rem;
    height: 10rem;
    margin: 0;
    vertical-align: top;
    flex-grow: 1;
    font-size: 4rem;
    font-weight: 600;
    color: #999999;
}

.layer.layer-list .brand-list .brand img:last-of-type {
    opacity: 0
}

.block .block-label {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

.block .block-label .label {
    padding: .47rem .8rem;
    font-size: 1rem;
    margin: 0;
    text-transform: uppercase
}

.sidebar .sidebar-button::before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    opacity: 0;
    transition: opacity .3s
}

.sidebar .sidebar-button:hover::before {
    opacity: .2
}

html.html-full .layer.layer-content {
    background-color: #f4f4f4;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.column {
    background-color: #fff;
    width: 26.67rem;
    padding: 1.33rem
}

.column .column-logo img {
    width: 10rem;
    margin: 0 auto
}

.column .column-title {
    margin: .67rem 0;
    text-align: center
}

.column .column-input>i {
    position: absolute;
    color: #8a8a8a;
    font-size: .93em;
    transition: color .3s,background .3s,border .3s;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1.2rem;
    line-height: 50px
}

.column input {
    background-color: #f4f4f4;
    padding: 1rem 1rem 1rem 3rem;
    border-width: 0;
    color: #8a8a8a!important;
    font-weight: 700;
    font-size: 1.07rem;
    min-width: 20rem
}

.column .column-body .column-input .checkbox .checkbox-icon+span {
    font-weight: 600;
    margin-left: .33rem
}

.column .column-body>:not(:last-child) {
    margin-bottom: 1.33rem;
    margin-top: 0;
    display: block
}

.column .column-submit input {
    width: 100%;
    color: #fff!important;
    height: auto;
    line-height: normal;
    padding-left: 1rem
}

.cookie {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: .67rem 1.33rem;
    color: #fff;
    z-index: 99;
    display: none;
    font-weight: 500
}

.cookie .cookie-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.cookie a {
    color: #fff;
    background-color: #282828;
    padding: .33rem .67rem;
    font-weight: 600;
    display: block;
    float: right
}

.cookie a:hover {
    background-color: #000
}

.layer.layer-content {
    min-height: 34.47rem
}

html.html-custom .post .trumbowyg-editor {
    max-height: 46.67rem;
    overflow-y: scroll
}

.trumbowyg-dropdown.trumbowyg-dropdown-emoji {
    display: flex;
    flex-wrap: wrap;
    padding: .67rem;
    max-width: 22.67rem
}

.trumbowyg-dropdown.trumbowyg-dropdown-emoji button {
    width: 2rem;
    line-height: normal;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.attachment-list.attachment-list-images {
    gap: .67rem
}

.window.window-mention.window-show {
    animation: .25s ease-in-out forwards window-show;
    transform-origin: left bottom;
    display: block
}

.window.window-mention.window-hide {
    animation: .25s ease-in-out forwards window-hide;
    transform-origin: left bottom;
    display: block
}

.window.window-alert.window-show {
    animation: .65s ease-in-out forwards window-alert-show
}

.window.window-alert.window-hide {
    animation: .65s ease-in-out forwards window-alert-hide
}

.opacity.opacity-show,.window.window-show {
    animation: .5s ease-in-out forwards fadeIn
}

.opacity.opacity-hide,.window.window-hide {
    animation: .5s ease-in-out forwards fadeOut
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: visible
    }

    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

.form .form-row.form-row-grid .form-row-body {
    flex-direction: column;
    gap: .6rem
}
.layer.layer-links .link-list .icon {
    font-family: 'Icostudna1' !important;
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    text-transform: none;
    line-height: 100%;
    font-size: 1.4em;
}
.layer.layer-links .link-list > :nth-child(1) .icon::before {
    content: "\e905";
}
.layer.layer-links .link-list > :nth-child(2) .icon::before {
    content: "\e90e";
}
.layer.layer-links .link-list > :nth-child(3) .icon::before {
    content: "\e908";
}
.layer.layer-links .link-list > :nth-child(4) .icon::before {
    content: "\e911";
}