/*
 *  GLOBAL STYLES
 */

@media not print {

    body {
        overflow-y: scroll;
    }

    [data-whatinput='keyboard']:focus {
        outline: 2px solid #2a2e32;
    }

    a {
        cursor: pointer;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    b,
    strong {
        font-weight: 700;
    }

    .pointer {
        cursor: pointer;
    }

    .occurance {
        background-color: #FFEB3B !important;
        color: #000 !important;
    }

    blockquote {
        position: relative;
        padding: 10px 30px 10px 50px;
        font-size: 20px;
        font-style: italic;
    }

    blockquote:before {
        content: "“";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        top: 0;
        font-size: 72px;
        line-height: 72px;
        color: rgba(0, 0, 0, 0.5);
    }

    figure {
        border: 1px solid #ededed;
    }

    figure img {
        padding-top: 10px;
    }

    figure.image.align-center {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    figure.align-left {
        float: left;
    }

    figure.align-right {
        float: right;
    }

    figcaption {
        font-size: 85%;
        color: #6c757d;
        padding: 5px 10px;
    }

    canvas,
    progress,
    video,
    img {
        max-width: 100%;
        height: auto;
    }

    iframe {
        max-width: 100%;
    }

    .hidden {
        display: none;
    }

    @media(min-width: 992px) {
        .sticky {
            position: sticky;
            top: 0;
            z-index: 999;
        }
    }

    /*
 *  VIDEOS
 */

    .aspect-ratio {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }

    .aspect-ratio>* {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    /*
 *  HEADERS
 */

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
        margin-bottom: 1rem;
    }

    h2,
    .h2 {
        font-size: 32px;
    }

    .block-title {
        margin-top: 0;
        margin-bottom: 2rem;
    }

    /*
 *  ERROR 404
 */

    .module-Error404 h2 {
        font-size: 6em;
    }

    /*
 *  SECTIONS
 */

    section,
    footer {
        padding: 60px 0;
    }

    section.px-0 .container-fluid {
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
        max-width: none;
    }

    /*
 *  CONTAINERS
 */

    .container-fluid {
        max-width: 1760px;
        margin: auto;
    }

    /*
 *  COLORED
 */

    .colored,
    .colored a:not(.btn),
    .colored a:not(.btn):hover,
    .colored a:not(.btn):focus {
        color: #fff;
    }

    .colored .dropdown-menu,
    .colored .dropdown-menu .dropdown-item,
    .colored .dropdown-menu .dropdown-item:hover,
    .colored .dropdown-menu .dropdown-item:focus {
        color: #16181b;
    }

    .colored .form-control.is-valid {
        border-color: #28a745;
    }

    .colored .form-control.is-invalid {
        border-color: #dc3545;
    }

    .colored .form-control option {
        color: initial;
    }

    /*
 *  BREADCRUMBS
 */

    .block-content.block-breadcrumbs {
        padding: 0;
        position: relative;
    }

    .breadcrumb {
        background-color: transparent;
        font-size: 85%;
        padding: 0 55px 0 0;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        color: inherit;
    }

    .ico-rss-small {
        position: absolute;
        top: 0;
        right: 0;
        height: 16px;
        font-size: 16px;
        line-height: 16px;
        margin: auto;
    }

    /*
 *  PROGRESS
 */

    .progress {
        min-height: 20px;
        height: auto;
        border-radius: 0;
    }

    .progress-bar {
        height: 100%;
        padding: 0 5px;
        white-space: normal;
        text-align: left;
    }

    /*
 *  ACTIVEPAGE
 */

    .block-content.block-activepage {
        padding: 0;
    }

    .block-activepage h2 {
        margin: 0;
    }

    .block-activepage a:hover,
    .block-activepage a:focus {
        text-decoration: none;
    }

    /*
 *  EMBLEM
 */

    .emblem {
        display: inline-block;
        height: 65px;
        margin: 5px 0;
    }

    .emblem.emblem-pull-left {
        margin-right: 10px;
        order: 1;
    }

    .emblem.emblem-pull-right {
        margin-left: 10px;
        order: 2;
    }

    .emblem.emblem-center-block {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }

    /*
 *  LOGO
 */

    .block-logo {
        display: flex;
    }

    .logo {
        display: inline-block;
        order: 2;
        align-self: center;
        margin-bottom: 0;
        width: 100%;
    }

    .logo svg,
    .logo img {
        max-width: 100%;
        max-height: 100px;
    }

    .logo a {
        display: block;
        text-decoration: none;
    }

    .portal-title {
        order: 3;
        font-size: 22px;
        font-weight: 700;
        margin: auto 15px;
        display: inline-block;
        vertical-align: middle;
    }

    /*
 *  INLINE CONTAINERS
 */

    .inline-containers {
        position: static;
    }

    .inline-containers .block-content {
        display: inline-block;
        vertical-align: middle;
    }

    /*
 *  BLOCK CONTENT
 */

    .no-block-padding .block-content {
        padding: 0;
    }

    .block-content {
        padding: 15px 0;
        position: relative;
    }

    /*
 *  BLOCK SETTINGS
 */

    .block-settings .language-controls,
    .block-settings .style-controls,
    .block-settings .font-controls,
    .block-settings .weather-controls,
    .block-settings .date-controls,
    .block-settings .main-site-link,
    .block-settings .scroll-down {
        display: inline-block;
        position: relative;
    }

    .block-settings .dropdown,
    .block-useraccount .dropdown {
        margin: 5px 15px;
        cursor: pointer;
    }

    .block-settings .dropdown>button,
    .block-useraccount .dropdown>li {
        display: inline-block;
        text-align: center;
        background: transparent;
        border: 0;
        padding: 0;
    }

    .colored .block-settings .dropdown>button {
        color: #fff;
    }

    .block-settings .dropdown>button .name,
    .block-useraccount .dropdown>a .name {
        font-size: 10px;
        text-transform: uppercase;
    }

    .block-useraccount .dropdown>a:hover {
        text-decoration: none;
    }

    .block-useraccount .dropdown>a:hover .name {
        text-decoration: underline;
    }

    .block-settings .font-controls .fa-plus {
        font-size: 9px;
    }

    /*
 *  WEATHER
 */

    .weather {
        position: relative;
    }

    .weather-icon {
        display: inline-block;
        font-family: weather;
        font-size: 50px;
        font-weight: normal;
        font-style: normal;
        text-transform: none;
    }

    .weather-icon:before {
        position: absolute;
        top: -25px;
        left: 0;
        right: 0;
    }

    /*
 *  BUTTONS
 */

    .btn {
        padding: 15px 50px;
        border-radius: 45px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
    }

    .btn-md {
        padding: 9px 20px;
        font-size: 12px;
    }

    .btn-lg {
        padding: 15px 50px;
    }

    .input-group-append .btn,
    .input-group-prepend .btn {
        border-radius: .25rem;
        height: 100%;
    }

    .btn-group-sm>.btn,
    .btn-sm {
        padding: .33rem 1rem;
        font-size: 10px;
    }

    .btn-xs {
        padding: 4px 8px !important;
        font-size: 9px !important;
        text-transform: uppercase !important;
    }

    .btn.btn-circle {
        width: 45px;
        height: 45px;
        padding: 14px 0;
        border-radius: 30px;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
    }

    .btn-empty {
        border: 0;
        padding: 0;
        background: none;
    }

    /*
 *  LOGIN FORM
 */

    .login-form {
        position: relative;
        background-color: #fff;
        min-height: 100%;
    }

    .login-form .login-box {
        background-color: #fff;
        max-width: 450px;
        width: 100%;
        position: relative;
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .07), 0 6px 30px 5px rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .1);
        padding: 0 40px 20px;
        border-radius: .25rem;
        overflow: hidden;
    }

    .login-form .logo-container {
        margin: 0 -40px 0;
        background: #000;
    }

    @media (max-width: 767px) {
        .login-form .login-box {
            padding: 15px;
        }

        .login-form .logo-container {
            margin: 0 -15px 0;
        }
    }

    /*
 *  BLOCK CAROUSEL
 */

    .swiper-wrapper {
        position: relative;
    }

    .swiper-wrapper .nav .arrow {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        font-size: 45px;
        height: 50px;
        line-height: 0;
        cursor: pointer;
    }

    .swiper-wrapper .nav .arrow.next {
        right: -15px;
    }

    .swiper-wrapper .nav .arrow.prev {
        left: -15px;
    }

    .swiper-wrapper .img-cont {
        height: 100%;
    }

    .swiper-wrapper .img-cont img {
        vertical-align: middle;
    }

    .swiper-slides>div::after {
        display: block;
        clear: both;
        content: "";
    }

    .swiper-slides>div>div,
    .swiper-slides .text-content {
        height: 100%;
    }

    /*
 *  HELP BLOCK
 */

    .help-block {
        position: absolute;
        z-index: 1;
        top: 100%;
        width: 100%;
        background-color: #fff;
        margin: 5px 0 0;
        border-radius: 3px;
        border-left: 4px solid #dc3545;
        color: #dc3545;
        text-align: left;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    }

    .help-block ul {
        margin: 0;
        padding: 5px 10px;
    }

    /*
 *  BLOCK SEARCHADVANCED
 */

    .block-searchadvanced .form-group {
        margin-bottom: 0;
    }

    .block-searchadvanced .input-group-append .btn {
        padding: .25rem .75rem;
    }

    .block-searchadvanced input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .block-searchadvanced .form-control::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
    }

    .block-searchadvanced .form-control::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

    .block-searchadvanced .form-control:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
    }

    .block-searchadvanced .form-control:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .block-searchadvanced .form-control:focus {
        box-shadow: none;
    }

    .block-searchadvanced .input-group-btn {
        width: 100px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }

    .block-searchadvanced .dropdown-menu {
        min-width: 310px;
    }

    .input-group .help-block {
        position: absolute;
        z-index: 1;
        top: 100%;
    }

    /*
 *  BLOCK SEARCHADVANCED DROPDOWN
 */

    .block-searchadvanced .dropdown {
        margin: 5px 15px;
        cursor: pointer;
    }

    .block-searchadvanced .dropdown>a,
    .block-searchadvanced .dropdown>li {
        display: inline-block;
        text-align: center;
    }

    .block-searchadvanced .dropdown>a .name,
    .block-searchadvanced .dropdown>li .name {
        font-size: 10px;
        text-transform: uppercase;
    }

    .block-searchadvanced .dropdown>a:hover {
        text-decoration: none;
    }

    .block-searchadvanced .dropdown>a:hover .name {
        text-decoration: underline;
    }

    .block-searchadvanced .dropdown-toggle {
        cursor: pointer;
    }

    .block-searchadvanced .dropdown.open {
        background-color: rgba(0, 0, 0, 0.2);
    }

    /*
 *  BLOCK LINKS NORMAL
 */

    ul.list-1 li a {
        position: relative;
        display: block;
        padding: 5px 0;
    }

    /*
 *  BLOCK LINKS MOVIES
 */

    ul.list-yt li .youtube-vid {
        position: relative;
        overflow: hidden;
        padding-top: 60%;
        background-color: #ededed;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    ul.list-yt li .youtube-link p {
        margin: 20px 0;
    }

    ul.list-yt li i {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 50px;
        height: 50px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 50px;
    }

    /*
 *  BLOCK LINKS BUTTONS
 */

    ul.list-bt>li {
        margin-bottom: 30px;
    }

    ul.list-bt>li>.button-link {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 70px;
        border: 2px solid #ededed;
    }

    ul.list-bt>li>.button-link .ico {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        min-height: 70px;
        background-color: #ededed;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
    }

    ul.list-bt>li>.button-link .ico i {
        font-size: 35px;
        color: #fff;
        line-height: 60px;
    }

    ul.list-bt>li>.button-link .ico img {
        max-width: 40px;
        max-height: 40px;
    }

    ul.list-bt>li>.button-link span {
        padding: 0 15px;
    }

    /*
 *  BLOCK LINKS BOXES
 */

    .link-box-container {
        display: block;
        width: 100%;
        position: relative;
        padding: 20px 30px;
        background-color: #f5f5f5;
        overflow: hidden;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .link-box-container .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .link-box-container.active {
        background: #000;
        color: #fff;
    }

    .link-box-container.active a,
    .link-box-container.active a:hover,
    .link-box-container.active a:focus,
    .link-box-container:hover a,
    .link-box-container:focus a {
        color: #fff;
    }

    .link-box-container .bg {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .link-box-container:hover .bg {
        transform: scale(1.1);
    }

    .link-box-container h4,
    .link-box-container .h4 {
        position: relative;
        z-index: 1;
    }

    .link-box-container .ico {
        position: absolute;
        bottom: 30px;
        left: 30px;
        width: 50px;
        height: 50px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .link-box-container .ico i {
        font-size: 45px;
        line-height: 50px;
    }

    /*
 *  BLOCK LINK COLUMN
 */

    .link-column {
        text-align: center;
        padding: 15px;
    }

    .link-column:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .link-column i {
        font-size: 50px;
        padding: 0 0 40px;
    }

    .link-column h4,
    .link-column .h4 {
        text-align: center;
        margin: 20px 0;
    }

    /*
 *  BLOCK LINK BOXY
 */

    .link-boxy {
        border: 1px solid #e8e8e8;
        text-align: left;
        padding: 5px;
    }

    .link-boxy:hover {
        text-decoration: none;
    }

    .link-boxy:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .link-boxy i {
        font-size: 20px;
        width: 70px;
    }

    .link-boxy img,
    .link-boxy svg {
        max-width: 70px;
        max-height: 35px;
    }

    .link-boxy .ico {
        display: inline-block;
        width: 70px;
        min-height: 35px;
        line-height: 35px;
        text-align: center;
        vertical-align: middle;
    }

    .link-boxy .name {
        display: inline-block;
        width: calc(100% - 80px);
        font-size: 12px;
        font-weight: 700;
        vertical-align: middle;
    }

    /* 
 *  LINK CAMERA
 */

    .link-cam {
        position: relative;
        margin-bottom: 30px;
    }

    .link-cam .ico {
        position: relative;
        display: block;
        float: left;
        width: 100px;
        height: 100%;
        color: #fff;
        text-align: center;
        padding: 20px 10px;
    }

    .link-cam .ico .fa {
        display: block;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 35px;
    }

    .link-cam .img {
        position: relative;
        display: block;
        float: left;
        overflow: hidden;
        width: calc(100% - 100px);
        min-height: 140px;
    }

    .link-cam .img img {
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .link-cam .name {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        text-align: center;
        color: #fff;
        font-weight: 700;
        padding: 10px 0;
    }

    /*
 *  DATE SETTINGS
 */

    .block-settings .date-controls i {
        font-size: 18px;
        padding-right: 5px;
    }

    .block-settings .date-controls .date {
        display: inline-block;
        text-align: left;
    }

    /*
 *  LANGUAGE SETTINGS
 */

    .block-settings .language-controls.list a {
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
    }

    .block-settings .language-controls.list a.active {
        text-decoration: underline;
    }

    .block-settings .language-controls.flags a {
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        padding: 2px;
    }

    .block-settings .language-controls.flags span {
        display: block;
        padding: 0 4px;
        margin: 0;
        font-size: 18px;
        font-weight: 400;
    }

    .block-settings .language-controls .dropdown-menu a {
        text-transform: uppercase;
        cursor: pointer;
    }

    /*
 *  STYLE SETTINGS
 */

    .block-settings .style-controls-hover {
        text-align: left;
        width: 280px;
    }

    .block-settings .style-controls .text.font .icons {
        display: inline-block;
        vertical-align: top;
        width: 40px;
    }

    .block-settings .style-controls .text.font .fa {
        font-size: 30px;
        padding: 0;
        vertical-align: top;
    }

    .block-settings .style-controls .text.font .desc {
        display: inline-block;
        width: calc(100% - 55px);
        font-size: 13px;
        padding: 0 0 0 10px;
    }

    .block-settings .style-controls .font {
        display: inline-block;
        color: #000;
        width: 20px;
        height: 30px;
        text-align: center;
        line-height: 28px;
        font-size: 14px;
        text-decoration: none;
        background: transparent;
        border: 0;
        padding: 0;
    }

    .block-settings .style-controls .font.bigger {
        font-size: 16px;
    }

    .block-settings .style-controls .font.biggest {
        font-size: 18px;
    }

    .block-settings .style-controls .contrast {
        display: inline-block;
        color: #000;
        border: 2px solid #000;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 38px;
        font-size: 14px;
        text-decoration: none;
        padding: 0;
    }

    .block-settings .style-controls .contrast.classic {
        color: #000 !important;
        background-color: #fff !important;
    }

    .block-settings .style-controls .contrast.black {
        color: #fff !important;
        background-color: #000 !important;
    }

    .block-settings .style-controls .contrast.yellow {
        color: #000 !important;
        background-color: #ff0 !important;
    }

    .block-settings .style-controls .contrast.black-yellow {
        color: #ff0 !important;
        background-color: #000 !important;
    }

    /*
 *  COOKIE INFO
 */

    .info_c_box {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        color: #fff;
    }

    .info_c_box .info_c_box_text {
        background-color: rgba(0, 0, 0, 0.7);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        padding: 15px 0;
        font-size: 80%;
    }

    .info_c_box #close_c {
        padding-bottom: 15px;
    }

    .saved {
        display: none;
        position: absolute;
        top: -25px;
        left: 0;
        background: #fff;
        color: #000;
        padding: 3px 10px;
        border-radius: 3px;
        font-size: 11px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    /*
 *  BLOCK SOCIAL
 */

    .social-link {
        display: inline-flex;
        margin: 0;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        position: relative;
        background-color: #000;
        color: #fff;
        width: 45px;
        height: 45px;
        border-radius: 45px;
    }

    .social-link+.social-link {
        margin-left: 20px;
    }

    .social-link:hover,
    .social-link:focus {
        color: #fff;
        box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .07), 0 6px 30px 5px rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .1);
    }

    .social-link.fb {
        background-color: #3b5999;
    }

    .social-link.tw {
        background-color: #55acee;
    }

    .social-link.yt {
        background-color: #cd201f;
    }

    .social-link.in {
        background-color: #e4405f;
    }

    .social-link.li {
        background-color: #0077B5;
    }

    .social-link.sn {
        background-color: #FFFC00;
    }

    /*
 *  SLIDER DEFAULT
 */

    .block-slider {
        padding-top: 0;
        padding-bottom: 0;
    }

    .slider {
        overflow: hidden;
    }

    .slider-container .slide {
        position: relative;
    }

    .slider-container .slider-title {
        width: 100%;
        background-color: #000;
        color: #fff;
        padding: 30px;
    }

    .slider-container .nav {
        text-align: center;
    }

    .slider-container .nav .arrow {
        display: none;
        align-items: center;
        justify-content: center;
        height: 40px;
        position: absolute;
        top: 0;
        bottom: 0;
        color: #fff;
        font-size: 30px;
        margin: auto;
        padding: 0 15px;
        border: 0;
        cursor: pointer;
    }

    @media(min-width: 768px) {
        .slider-container .nav .arrow {
            display: flex;
        }
    }

    .slider-container .nav .arrow.prev {
        left: 30px;
    }

    .slider-container .nav .arrow.next {
        right: 30px;
    }

    .slider-container .dots {
        display: none;
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        text-align: center;
    }

    @media(min-width: 576px) {
        .slider-container .dots {
            display: block;
        }
    }

    .slider-container .dots .dot {
        display: inline-block;
        cursor: pointer;
    }

    .slider-container .dots .dot span {
        width: 12px;
        height: 12px;
        margin: 5px;
        background: #fff;
        display: block;
        transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
        border-radius: 30px;
    }

    .slider-container .dots .dot.active span,
    .slider-container .dots .dot:hover span {
        background: #000;
    }

    .slider-container .additional-controls {
        position: absolute;
        bottom: 20px;
        left: 35px;
        z-index: 5;
    }

    @media(max-width: 767px) {
        .slider-container .image {
            min-height: 325px;
            overflow: hidden;
        }

        .slider-container .image img {
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            max-width: none;
            height: 325px;
        }
    }

    .progress_container {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 5px;
        background: rgba(255, 255, 255, 0.5);
        z-index: 5;
        width: 100%;
    }

    .progress_bar {
        height: 5px;
        background: #fff;
    }

    /*
 *  SLIDER FULL
 */

    .slider-container.full .slider-title {
        position: absolute;
        top: 80px;
        bottom: 80px;
        left: calc((100% - 1110px) / 2);
        width: 650px;
        color: #fff;
        padding: 40px;
    }

    @media (max-width: 1199px) {
        .slider-container.full .slider-title {
            top: 0;
            bottom: 0;
            left: 0;
        }
    }

    .slider-container.full .dots {
        position: absolute;
        bottom: 100px;
        left: calc(((100% - 1110px) / 2) + 35px);
        right: auto;
        text-align: center;
    }

    @media (max-width: 1199px) {
        .slider-container.full .dots {
            left: 35px;
            bottom: 10px;
        }
    }

    .slider-container.full .nav .arrow {
        background: #000;
        width: 100px;
        height: 100px;
        position: absolute;
        top: auto;
        bottom: 30px;
        line-height: 100px;
    }

    @media (max-width: 1199px) {
        .slider-container.full .nav .arrow {
            bottom: 0;
        }
    }

    .slider-container.full .nav .arrow.prev {
        left: calc(((100% - 1110px) / 2) + 450px);
    }

    @media (max-width: 1199px) {
        .slider-container.full .nav .arrow.prev {
            left: 550px;
        }
    }

    .slider-container.full .nav .arrow.next {
        left: calc(((100% - 1110px) / 2) + 550px);
        right: auto;
    }

    @media (max-width: 1199px) {
        .slider-container.full .nav .arrow.next {
            left: 650px;
        }
    }

    /*
 *  SLIDER HALF
 */

    .slider-container.half {
        overflow: hidden;
    }

    .slider-container.half .slider-title {
        position: relative;
        width: 100%;
        padding: 60px;
        cursor: pointer;
    }

    .slider-container.half .nav .arrow.next {
        right: calc(33.333333% + 30px);
    }

    .slider-container.half .dots {
        right: 33.333333%;
    }

    /*
 *  SLIDER LEFT
 */

    .slider-container.left .slider-title {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        color: #fff;
        padding: 40px 85px 40px 70px;
        height: 100%;
    }

    .slider-container.left .nav .arrow.next {
        right: calc(33.333333% + 30px);
    }

    .slider-container.left .dots {
        right: 33.333333%;
    }

    /*
 *  SLIDER DOWN
 */

    .slider-container.down .slider-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: #fff;
        padding: 40px 15px;
    }

    @media (min-width: 768px) {
        .slider-container.down .slider-title {
            padding: 40px 90px;
        }
    }

    /*
 *  SLIDER BBAR
 */

    .slider-container.bbar .slider-title {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 60px 30px;
    }

    .slider-container.bbar .slider-desc {
        position: relative;
        padding: 15px 105px 15px 30px;
        width: 100%;
        height: 60px;
        font-size: 18px;
        line-height: 30px;
    }

    .slider-container.bbar .nav .arrow {
        top: auto;
        height: 60px;
        line-height: 58px;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
        color: #001f36;
    }

    .slider-container.bbar .nav .arrow.prev {
        left: auto;
        right: 80px;
    }

    .slider-container.bbar .dots {
        right: 33.333333%;
        bottom: 80px;
    }

    /*
 *  SLIDER COUN
 */

    .slider-container.coun .slider-text {
        position: absolute;
        left: 0;
        right: 0;
        top: 100px;
        margin: auto;
    }

    .slider-container.coun .slider-text-container {
        position: relative;
    }

    .slider-container.coun .slider-title {
        position: relative;
        padding: 60px 30px;
        min-height: 320px;
    }

    .slider-container.coun .slider-desc {
        position: relative;
        padding: 30px;
        font-size: 18px;
    }

    .slider-container.coun .nav {
        position: absolute;
        top: 340px;
    }

    .slider-container.coun .nav .arrow {
        top: auto;
        bottom: auto;
        height: 60px;
        line-height: 60px;
    }

    .slider-container.coun .nav .arrow.prev {
        left: 30px;
    }

    .slider-container.coun .nav .arrow.next {
        left: 75px;
        right: auto;
    }

    .slider-container.coun .number_of_slides {
        position: absolute;
        bottom: 20px;
        right: 30px;
        font-size: 18px;
        line-height: 60px;
    }

    .slider-container.coun .progress_bar_container {
        position: relative;
    }

    .slider-container.coun .progress_container {
        width: 370px;
        bottom: 80px;
        background: transparent;
    }

    /*
 *  SLIDER MINS
 */

    .slider-container.mins .small-photos {
        position: relative;
        z-index: 1;
        text-align: center;
        padding: 30px;
    }

    .slider-container.mins .small-photo {
        display: inline-block;
        width: 20%;
        padding: 0 30px;
        cursor: pointer;
    }

    .slider-container.mins .small-photo .title {
        font-weight: 700;
        padding: 10px 20px;
    }

    /*
 *  VIDEO BG
 */

    #video .video-container {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        width: auto;
        height: auto;
        min-height: 100vh;
        min-width: 100vw;
        max-width: initial;
    }

    #video .video-container:after {
        content: " ";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(2, 0, 36);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 15%, rgba(0, 0, 0, 0) 100%);
    }

    #video .block-content {
        padding: 0;
    }

    #video video {
        object-fit: cover;
        min-height: 100vh;
        border: 0;
        margin: 0;
        padding: 0;
    }

    /*
 *  BLOCK EVENTS GRID
 */

    .cal-grid .fc-m {
        display: flex;
        flex-direction: row;
        padding: 20px 0 30px;
        margin: 0 0 40px;
        flex: 1;
    }

    .cal-grid .fc-wn {
        display: none;
    }

    .cal-grid .fc-w {
        display: flex;
        flex: 1;
    }

    .cal-grid .fc-d {
        position: relative;
        width: 100%;
    }

    @media (max-width: 767px) {
        .cal-grid .fc-m {
            flex-wrap: wrap;
        }

        .cal-grid .fc-d {
            width: 14%;
        }
    }

    .cal-grid .fc-d .small-day {
        display: inline-block;
        width: 100%;
        text-transform: uppercase;
        text-align: center;
        font-size: 11px;
        padding: 0 0 10px;
    }

    .cal-grid .fc-d .date {
        display: block;
        margin-bottom: 50px;
        font-size: 18px;
        font-weight: 700;
    }

    .cal-grid .fc-d:after {
        content: " ";
        position: absolute;
        top: 72px;
        left: 0;
        right: 0;
        margin: auto;
        width: 4px;
        height: 16px;
        background: rgba(255, 255, 255, 0.2);
    }

    .cal-grid .fc-d:before {
        content: " ";
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.2);
    }

    .cal-grid .fc-d .fc-evnt {
        position: relative;
        display: block;
        margin: 0 auto 10px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        text-indent: -9999px;
        cursor: pointer;
    }

    .cal-grid .fc-d .fc-evnt.reserved,
    .cal-grid .fc-d .fc-evnt.old {
        background-color: #eceeef;
    }

    .cal-grid .fc-evnt-info .text p {
        margin: 0;
    }

    /*
 *  BLOCK EVENTS LIST
 */

    .events-list .event .date {
        padding: 20px 0;
        min-width: 100px;
        background-color: #000;
        color: #fff;
        text-align: center;
    }

    .events-list .event .date .day {
        font-size: 36px;
        font-weight: 700;
    }

    .events-list .event .date .month {
        font-size: 12px;
        font-weight: 700;
    }

    .events-list .event .info {
        text-align: left;
    }

    /*
 *  BLOCK NEWSCATEGORY
 */

    .block-newscategory .date {
        font-size: 12px;
        position: relative;
        z-index: 4;
    }

    .block-newscategory .photo {
        position: relative;
        overflow: hidden;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .block-newscategory .photo-cont {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .block-newscategory .news-item:hover .photo .photo-cont {
        transform: translateX(-50%) scale(1.1);
    }

    .category {
        padding: 0 10px;
        font-weight: 700;
        font-size: 11px;
        text-transform: uppercase;
    }

    .block-newscategory .news-content {
        height: 100%;
    }

    /*
 *  BLOCK NEWSCATEGORY LIST
 */

    .news-list li {
        position: relative;
    }

    .news-list .prior {
        border-left: 4px solid #000;
        padding-left: 20px;
    }

    /*
 *  BLOCK NEWSCATEGORY GRID
 */

    .news-grid {
        position: relative;
        word-break: break-word;
    }

    .news-grid.prior {
        border: 4px solid #000;
    }

    .news-grid.prior .news-content {
        padding: 0 20px;
    }

    /*
 *  BLOCK NEWSCATEGORY BOXY
 */

    .news-boxy {
        min-height: 300px;
        align-content: flex-end;
        position: relative;
    }

    .news-boxy .photo {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .news-boxy .photo-cont {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .news-boxy .categories {
        position: absolute;
        z-index: 5;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .news-boxy .news-content {
        position: relative;
        flex-wrap: wrap;
        align-content: flex-end;
        color: #fff;
        height: auto;
        width: 100%;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
        background-size: 100%;
        transition: 0.6s background-size cubic-bezier(.55, 0, .1, 1), 0.6s color cubic-bezier(.55, 0, .1, 1);
    }

    .news-boxy .news-content .title,
    .news-boxy .news-content p,
    .news-boxy .news-content div {
        position: relative;
        z-index: 4;
        width: 100%;
    }

    .news-boxy:hover .news-content {
        background-size: 300%;
    }

    .news-boxy.prior {
        border: 5px solid #000;
    }

    .news-boxy:after {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0);
        transition: 0.6s opacity cubic-bezier(.55, 0, .1, 1), 0.6s background-color cubic-bezier(.55, 0, .1, 1);
    }

    .news-boxy:hover:after {
        opacity: 1;
    }

    .news-boxy .news-content a,
    .news-boxy .news-content a:hover,
    .news-boxy .news-content a:focus {
        color: #fff;
    }

    .news-boxy .desc {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: 0.6s max-height cubic-bezier(.55, 0, .1, 1), 0.6s opacity cubic-bezier(.55, 0, .1, 1);
    }

    .news-boxy:hover .desc {
        max-height: 200px;
        opacity: 1;
    }

    /*
 *  CATEGORIES PICKER
 */

    .news-categories-toggle .spinner,
    .event-categories-toggle .spinner {
        opacity: 0;
        display: none;
        position: absolute;
    }

    .news-categories li {
        padding: 5px 15px;
        cursor: pointer;
        font-size: 10px;
        font-weight: 700;
    }

    .news-categories li.active {
        box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, .5);
        color: #fff;
    }

    /*
 *  BLOCK GALLERY
 */

    .block-gallery .image {
        position: relative;
    }

    .block-gallery .image img {
        position: relative;
        border: 1px solid #ededed;
        background-color: #fff;
        padding: 5px;
        z-index: 2;
    }

    .block-gallery .image:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 0;
        width: 100%;
        height: 100%;
        background-color: #ededed;
    }

    .block-gallery .gallery-box {
        position: relative;
        padding-bottom: 70px;
    }

    .block-gallery .gallery-item {
        padding: 0 3px 0 0;
    }

    .block-gallery .gallery-controls {
        position: absolute;
        bottom: 0;
        width: 50%;
        height: 70px;
        text-align: center;
        background-color: transparent;
        cursor: pointer;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .block-gallery .gallery-controls i {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 40px;
        height: 40px;
    }

    .block-gallery .gallery-controls.prev {
        left: 0;
    }

    .block-gallery .gallery-controls.next {
        right: 0;
    }

    /*
 *  BLOCK DEPARTMENTS
 */

    .faculty-item a {
        position: relative;
        display: block;
        padding: 15px;
        min-height: 110px;
        margin-bottom: 100px;
        text-decoration: none;
        background-color: #fff;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04), 0 15px 12px rgba(0, 0, 0, 0.04);
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .faculty-item a:hover {
        background-size: 120%;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.04), 0 3px 3px rgba(0, 0, 0, 0.04);
    }

    .faculty-item a .bg {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .faculty-item a:hover .bg {
        transform: scale(1.2);
    }

    .faculty-item img,
    .faculty-item svg {
        width: auto;
        max-width: 100%;
        max-height: 65px;
        display: block;
        margin: 10px auto;
    }

    .faculty-item .title {
        position: absolute;
        left: 0;
        top: calc(100% + 25px);
        z-index: 1;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .faculty-item a:hover .title {
        opacity: 1;
        top: calc(100% + 20px);
    }

    .faculty-item .border {
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 6px;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .faculty-item a:hover .border {
        bottom: -6px;
    }

    /*
 *  WALL
 */

    .wall-box {
        background-color: #fff;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.02);
        margin-bottom: 18px;
        transition: 0.3s all cubic-bezier(.55, 0, .1, 1);
    }

    .wall-box:hover {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .wall-box .new-post {
        position: relative;
        padding: 18px 20px;
    }

    .wall-box .new-post #cancelPost {
        position: relative;
        z-index: 1;
        margin-right: 3px;
    }

    .wall-box .new-post #sendPost {
        position: relative;
        z-index: 1;
    }

    .progress {
        margin: 0 0 5px;
        width: 100%;
    }

    .progress-bar {
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    .progress .remove {
        padding: 0 10px;
        color: #fff;
        cursor: pointer;
    }

    .wall-box .new-post .pickfiles {
        float: left;
        margin-right: 3px;
        margin-bottom: 9px;
    }

    .wall-box .new-post .pickfiles span,
    #editPost .pickfiles span {
        display: inline-block;
        margin-left: 10px;
    }

    .wall-box .new-post .selectmulti {
        margin-bottom: 0;
        width: 100%;
    }

    .wall-box .new-post .dropdown-toggle {
        font-size: 12px;
        font-weight: 400;
        text-transform: none;
        padding: 6px 10px;
    }

    .wall-box .new-post .dropdown-toggle:after {
        content: "\f107";
        font-family: "Font Awesome\ 5 Free";
        padding-left: 20px;
    }

    .wall-box .dropdown-menu {
        font-size: 12px;
    }

    .wall-box .dropdown-menu i {
        width: 18px;
    }

    .dropdown-menu .divider {
        margin: 5px 0;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .new-post .textarea,
    #editPost .textarea {
        width: 100%;
        max-width: 100%;
        height: 40px;
        min-height: 40px;
        max-height: 100px;
        padding: 10px 20px;
        margin: 0;
        background-color: transparent;
        border: 1px solid #d7dce1;
        border-radius: 5px;
        font-size: 14px;
        transition: 0.3s all cubic-bezier(.55, 0, .1, 1);
        resize: none;
        overflow: hidden;
        outline: none;
    }

    .new-post .textarea:focus,
    #editPost .textarea:focus,
    .new-post .textarea.active,
    #editPost .textarea.active {
        height: 100px;
        overflow: auto;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
    }

    .new-post .textarea[contentEditable=true]:empty:not(:focus):before {
        content: attr(data-placeholder);
        color: #7b7e7f;
        position: inherit;
    }

    .new-post label,
    #editPost label {
        font-weight: 400;
        font-size: 12px;
    }

    .wall-box .wall-box-header {
        position: relative;
        padding: 18px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        word-break: break-word;
    }

    .wall-box .wall-box-header .dropdown {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .wall-box .hashtags {
        position: relative;
        padding: 5px 15px 5px 0;
        overflow: hidden;
    }

    .wall-box .hashtags .toggle {
        position: absolute;
        top: 5px;
        right: 0;
    }

    .wall-box .hashtags .tag.hashtag {
        font-size: 10px;
        font-weight: 700;
        background-color: #fff;
        text-transform: uppercase;
    }

    .hashtags a {
        text-decoration: none;
    }

    .wall-box .avatar {
        float: left;
        margin-right: 15px;
        width: 80px;
        height: 100px;
        background-size: 100% auto;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .block-idea .wall-box .avatar,
    .module-idea .wall-box .avatar {
        width: 56px;
        height: 70px;
    }

    .wall-box .user {
        width: calc(100% - 50px);
    }

    .wall-box .name {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 0 5px;
    }

    .wall-box .time {
        font-size: 12px;
        font-weight: 400;
        color: #b0b5b6;
    }

    .wall-box .comment .user,
    .wall-box .comment .time {
        float: left;
    }

    .wall-box .comment .time {
        padding-left: 10px;
        clear: right;
    }

    .wall-box .wall-box-body {
        padding: 18px 20px;
    }

    .wall-box .wall-box-body.bg {
        background-color: #fafafb;
    }

    .wall-box .wall-box-reply {
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        padding: 18px 20px;
    }

    .wall-box .wall-box-comments {
        padding: 0 20px 18px;
    }

    .wall-box .wall-box-footer {
        padding: 0 20px;
    }

    .wall-box .wall-box-footer .text {
        margin: 18px 0;
    }

    .wall-box .numbers {
        font-size: 12px;
    }

    .wall-box .comments-list {
        background-color: #eef0f3;
    }

    .wall-box .comment-body {
        padding: 18px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .wall-box .comment-reply {
        padding: 18px 20px;
    }

    .wall-box .ranking-item {
        position: relative;
        border-bottom: 1px solid #f1f1f3;
        transition: 0.3s all cubic-bezier(.55, 0, .1, 1);
    }

    .wall-box .ranking-item:hover {
        background-color: #fcfcfc;
    }

    .wall-box .rank {
        float: left;
        width: calc(100% - 60px);
        padding: 18px 20px;
        border-left: 3px solid transparent;
        transition: 0.3s all cubic-bezier(.55, 0, .1, 1);
        word-wrap: break-word;
    }

    .wall-box .ranking-item:hover>.rank {
        border-left: 3px solid #000;
    }

    .wall-box .counters {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 60px;
        height: 100%;
        border-left: 1px solid #f1f1f3;
        background-color: #fcfcfc;
        padding: 18px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .wall-box .counters.display-best .number {
        color: #91dc5a;
    }

    .wall-box .counters .ico img {
        max-width: 20px;
    }

    .wall-box .counters>div {
        width: 100%;
    }

    .idea-content {
        word-wrap: break-word;
    }

    .load {
        width: 36px;
        height: 36px;
        line-height: 28px;
        margin: 0 auto;
        color: #a6a8ac;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        background-color: #eef0f3;
        border-radius: 5px;
        border: 1px solid #d7dce1;
        cursor: pointer;
    }

    /*
 *  CALENDAR
 */

    .cal-full .calendar-controls {
        padding: 0 0 10px;
        margin: 0 0 10px;
    }

    .cal-full .change-month {
        padding-left: 15px;
    }

    .cal-full .calendar-grid {
        border-collapse: collapse;
    }

    .cal-full .calendar-grid .small-day {
        display: none;
    }

    .cal-full .calendar-grid .fc-wn,
    .cal-full .calendar-grid .fc-w {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .cal-full .calendar-grid .fc-w {
        padding: 5px 0;
    }

    .cal-full .calendar-grid .fc-w:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    @media (max-width: 767px) {
        .cal-full .calendar-grid .fc-w {
            border-top: 0;
            padding: 0;
        }
    }

    .cal-full .calendar-grid .fc-d,
    .cal-full .calendar-grid .fc-dn {
        display: table-cell;
        vertical-align: top;
    }

    .cal-full .calendar-grid .fc-dn {
        text-transform: uppercase;
        text-align: left;
        font-size: 10px;
        font-weight: 700;
        padding: 0 0 5px;
    }

    .cal-full .calendar-grid .fc-d {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        transition: 0.3s all cubic-bezier(.55, 0, .1, 1);
    }

    .cal-full .calendar-grid .fc-d.is-day {
        height: 100px;
    }

    .cal-full .calendar-grid .fc-d:hover {
        z-index: 1;
        position: relative;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    }

    .cal-full .calendar-grid .fc-d .date {
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 24px;
        text-align: right;
        padding: 5px;
    }

    .cal-full .calendar-grid .fc-d .fc-evnt {
        position: relative;
        margin: 0;
        padding: 3px 10px;
        font-size: 12px;
        text-align: left;
        border-radius: .25rem;
        word-break: break-word;
        cursor: pointer;
        overflow: hidden;
        border: 0;
        transition: 0.3s all cubic-bezier(.55, 0, .1, 1);
    }

    @media(max-width: 767px) {
        .cal-full .calendar-grid .fc-d .fc-evnt {
            text-indent: -9999px;
        }
    }

    .cal-full .calendar-grid .fc-d .fc-evnt.reserved,
    .cal-full .calendar-grid .fc-d .fc-evnt.old {
        background: #f4f4f4;
        color: #000;
    }

    .cal-full .calendar-grid .fc-d .fc-evnt.reserved:hover,
    .cal-full .calendar-grid .fc-d .fc-evnt.old:hover {
        background: #cacaca;
    }

    .cal-full .calendar-grid .fc-d .more {
        padding: 0 5px;
        margin: 5px;
    }

    .cal-full .calendar-grid .fc-d.today {
        border: 2px solid #000;
    }

    .cal-full .calendar-grid .fc-d.special .date,
    .cal-full .calendar-grid .fc-d.special .small-day {
        color: #d51e25;
    }

    .cal-full .calendar-grid .fc-dn .day-short {
        display: none;
    }

    .block-event .cal-full .calendar-grid .fc-d .fc-evnt {
        text-indent: -9999px;
        padding: 0;
        border-radius: 180px;
        width: 16px;
        height: 16px;
        border-radius: 90px;
        display: inline-block;
    }

    .fc-evnt-cont {
        position: relative;
        display: block;
        padding: 0 5px 5px;
    }

    .block-event .fc-evnt-cont {
        display: inline-block;
        padding: 0;
    }

    .block-event .cal-full .calendar-grid .fc-d.is-day {
        text-align: center;
    }

    /*
 *  CALENDAR LIST
 */

    .calendar-list-item .date-cont {
        color: #fff;
        height: 100px;
        min-width: 100px;
        text-align: center;
    }

    .calendar-list-item .date-cont.reserved {
        background-color: #c0c0c0;
    }

    .calendar-list-item .date-cont .month {
        font-size: 10px;
        text-transform: uppercase;
    }

    .calendar-list-item .date-cont .day {
        font-size: 32px;
        font-weight: 700;
    }

    /*
 *  EVENT INFO
 */

    .fc-evnt-info {
        text-indent: 0;
        text-align: left;
        left: -15px;
        line-height: normal;
    }

    .fc-evnt-info {
        display: none;
        position: absolute;
        z-index: 200;
        bottom: 40px;
        width: 290px;
        padding: 15px;
        font-size: 14px;
        color: #000;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: .25rem;
        box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.2);
    }

    .fc-evnt-info .fc-evnt-arrow {
        position: absolute;
        width: 0;
        height: 0;
        bottom: -11px;
        left: 20px;
        box-sizing: border-box;
        border: 1em solid black;
        border-color: transparent transparent #fff #fff;
        transform: rotate(-45deg);
        box-shadow: -4px 4px 2px 0 rgba(0, 0, 0, 0.2);
        cursor: initial;
    }

    /*
 *  PIE CHART
 */

    .pie {
        min-height: 250px;
        width: 100%;
        position: relative;
        margin: 0 auto;
    }

    .pie canvas {
        width: 100%;
    }

    /*
 *  CARD
 */

    .card {
        border: 0;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .card-header {
        border: 0;
    }

    /*
 *  POPOVER
 */

    .popover {
        font-family: inherit;
        font-size: 12px;
    }

    .popover-title,
    .popover-content {
        padding: 18px 20px;
    }

    /*
 *  WHITE-BOX
 */

    .white-box {
        background-color: #fff;
        padding: 15px 20px;
        margin-bottom: 15px;
    }

    .white-box.colored {
        background-color: #000;
        color: #fff;
    }

    .white-box.accent {
        border-left: 4px solid #000;
    }

    /*
 *  CONTENT WHITE
 */

    .content-white {
        position: relative;
        padding: 0;
        margin: 0 0 20px;
        background-color: #fff;
    }

    /*
 *  IGNORE PADDING
 */

    .module-content .ignore-padding {
        margin: 0 0 20px;
    }

    /*
 *  FILES
 */

    .files-list .item {
        background-color: #f5f5f5;
        border: 0;
        margin: 3px 0;
    }

    .files-list .item small {
        font-weight: 700;
    }

    .tree.list-unstyled {
        font-size: 16px;
    }

    .tree.list-unstyled .file i {
        color: #c3c3c3
    }

    .clear-btn {
        background-color: transparent !important;
        border: none !important;
    }

    /*
 *  PAGINATION
 */

    .pagination {
        flex-wrap: wrap;
    }

    .page-link {
        margin: 0 2px;
        border-radius: .25rem;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 15px 20px;
    }

    .pagination .dropdown-menu {
        min-width: 170px;
    }

    .pagination .form-control {
        font-size: .75rem;
    }

    /*
 *  PAGE FOOTER
 */

    .page-footer {
        margin: 15px 0 0;
        padding: 15px 0 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .page-footer .btn {
        margin-bottom: 3px;
        vertical-align: top;
        padding: .33rem 1rem;
    }

    .page-footer .btn i {
        font-size: 12px;
    }

    .creator_info {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 15px 0;
        font-size: 12px;
    }

    /*
 *  GRADES
 */

    .poll-option {
        cursor: pointer;
        padding: 15px;
        border-radius: .25rem;
        border: 1px solid rgba(0, 0, 0, 0);
        transition: 0.3s all cubic-bezier(.55, 0, .1, 1);
    }

    .poll-option:hover {
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    }

    .poll-option.active {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .poll-option b {
        font-size: 10px;
    }

    /*
 *  MODULE DEFAULTS
 */

    .module-content {
        margin: 15px 0;
    }

    .module-content .date i {
        font-size: 16px;
    }

    .tab-pane {
        padding-top: 20px;
    }

    .page-description,
    .page-module {
        position: relative;
        margin: 0 0 15px;
    }

    /*
 *  FORMS
 */

    .form-group {
        position: relative;
        transition: 0.3s all cubic-bezier(.55, 0, .1, 1);
    }

    .form-group.has-error {
        margin-bottom: calc(1rem + 20px);
    }

    .has-error.question-container {
        margin-bottom: 1rem;
    }

    .has-error.question-container h4 {
        color: #dc3545;
    }

    .has-error.question-container label {
        font-weight: 700;
    }

    .nav-tabs-custom>.nav-tabs>li>a.error {
        border-left: 1px solid #dd4b39 !important;
        border-right: 1px solid #dd4b39 !important;
        border-top: 1px solid #dd4b39 !important;
        color: #dd4b39 !important;
    }

    .form-group .description {
        display: block;
        padding: 5px 0 0;
        font-size: .85rem;
        color: rgba(0, 0, 0, 0.8);
    }

    /*
 *  FULL CALENDAR PLUGIN
 */

    .fc-view,
    .fc-view>table,
    .fc .table-bordered td,
    .fc .table-bordered th {
        border: 0;
    }

    .fc thead,
    .fc thead td,
    .fc th {
        font-size: 11px;
        font-weight: 400;
        text-align: left;
        border: 0;
        padding-bottom: 5px;
        text-transform: uppercase;
    }

    .fc .fc-today {
        background: #eaebec;
    }

    .fc button {
        margin: 0;
        height: auto;
        padding: 6px 15px 5px;
        font-size: 12px;
        cursor: pointer;
        text-shadow: none;
        background-image: none;
        box-shadow: none;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .fc .fc-day-top.fc-sun .fc-day-number {
        color: #d51e25;
    }

    .fc a {
        cursor: pointer;
    }

    .fc-event {
        position: relative;
        display: block;
        font-size: 10px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 5px 10px;
        margin: 0 5px 2px;
        cursor: pointer;
        border-radius: .25rem;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .fc-event:hover {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    }

    .fc-toolbar h2 {
        margin: 0;
        font-weight: 700;
        font-size: 22px;
    }

    .fc-view .fc-week-number,
    .fc-view .fc-day-number {
        padding: 5px;
    }

    .fc-view .fc-day-top .fc-day-number {
        float: right;
        font-size: 24px;
        font-weight: 700;
    }

    .fc-list-heading td {
        font-weight: 700;
    }

    .fc-view.card {
        box-shadow: none;
    }

    /*
 *  STUDY CALENDAR
 */

    table.schedule-table {
        border-collapse: unset;
    }

    table.study-calendar {
        background-color: #fff;
        border-collapse: collapse;
        font-weight: 700;
        font-size: 10px;
        text-transform: uppercase;
    }

    table.study-calendar tr th {
        border-bottom: 2px solid #000;
        height: 35px;
        padding: 0;
        text-align: center;
        font-weight: 700;
    }

    table.study-calendar tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    table.study-calendar tr.weekend {
        background-color: rgba(0, 0, 0, 0.1);
    }

    table.study-calendar tr td {
        padding: 5px;
        width: 35px;
        height: 35px;
        text-align: center;
        word-wrap: break-word;
    }

    table.study-calendar tr td.day_of_week {
        text-align: center;
        width: 100px;
        font-size: 10px;
    }

    table.study-calendar tr.weeks-p {
        border-top: 2px solid #000;
    }

    table.study-calendar tr td.week_type {
        text-align: center;
        font-size: 8px;
    }

    table.study-calendar tr td .description {
        display: block;
        font-size: 8px;
    }

    table.study-calendar tr td.sunday {
        color: #d20000;
    }

    table.study-calendar tr td.type-5 {
        border: 3px solid #333 !important;
    }

    table.study-calendar tr td.type-4 {
        background-color: #c8c8e1;
        border: 1px solid #fff;
    }

    table.study-calendar tr td.type-3 {
        background-color: #ff0000;
        border: 1px solid #ff7070;
        color: #fff;
    }

    table.study-calendar tr td.type-2 {
        background-color: #ff0000;
        border: 1px solid #ff7070;
        color: #fff;
    }

    table.study-calendar tr td.type-1 {
        background-color: #6263a6;
        border: 1px solid #c8c8e1;
        color: #fff;
    }

    table.study-calendar tr td.day-first {
        border-top: 2px solid #000;
    }

    table.study-calendar tr td.week-first {
        border-left: 2px solid #000;
    }

    /*
 *  INTERACTIVE CAMPUS
 */

    .interactive_campus {
        position: relative;
    }

    .interactive_campus .categories-expandable {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 800;
    }

    .interactive_campus .show-categories {
        display: block;
        position: absolute;
        z-index: 1000;
        right: 0;
        width: 35px;
        height: 35px;
        background-color: #000;
        color: #fff;
        text-align: center;
        line-height: 35px;
        cursor: pointer;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    }

    .interactive_campus .categories {
        background-color: #fff;
        width: 260px;
        box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);
    }

    .interactive_campus .other-maps {
        float: right;
        background-color: #e5e5e5;
        padding: 20px 30px;
        width: 260px;
        box-shadow: 0 3px 2px 0px rgba(0, 0, 0, 0.2);
    }

    .interactive_campus .categories p,
    .interactive_campus .other-maps p {
        font-size: 1.071em;
        font-weight: 700;
        color: #b32017;
        margin: 0 0 10px;
        text-transform: uppercase;
    }

    .interactive_campus .categories select {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .interactive_campus .categories .campus-categories .icon {
        position: relative;
        top: 2px;
        display: inline-block;
        background-color: #000000;
        width: 16px;
        height: 16px;
        position: relative;
        border-radius: 2px;
        border: 0;
    }

    .interactive_campus .categories .campus-categories {
        position: relative;
    }

    .interactive_campus .categories .campus-categories i {
        font-size: 16px;
        width: 16px;
    }

    .interactive_campus .categories .campus-categories:not(.visible) i:before {
        content: "\f0c8";
    }

    .interactive_campus .categories .campus-categories img {
        padding: 0 10px 0 0;
        max-width: 20px;
    }

    .interactive_campus .categories .campus-categories span {
        display: inline-block;
    }

    .marker-content .picture {
        width: 100px;
        height: 150px;
        background-size: cover;
        background-position: center;
        margin: 0 15px 5px 0;
    }

    /*
 *  MENU COLUMN
 */

    .block-menucolumn {
        padding: 0;
    }

    .menu-button {
        display: none;
        width: auto;
        height: 63px;
        line-height: 63px;
        text-align: center;
        font-weight: 700;
        cursor: pointer;
        text-transform: uppercase;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .menu-button i {
        position: relative;
        top: 2px;
        font-size: 21px;
        padding-left: 5px;
    }

    .main-menu {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-flow: row wrap;
        align-items: stretch;
        width: 100%;
        border: 0;
    }

    .main-menu a {
        align-items: center;
        justify-content: start;
        display: flex;
        flex: auto;
        width: auto;
        position: relative;
        padding: 20px 0;
        font-size: 18px;
        font-weight: 400;
    }

    @media (max-width: 1199px) {
        .main-menu a {
            font-size: 14px;
        }
    }

    .main-menu a:after {
        content: " ";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 4px;
        background: #000;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .main-menu a:hover:after {
        left: 0;
        width: 70px;
    }

    .main-menu a.hovered:after {
        left: 0;
        width: 100%;
    }

    .main-menu a.main-dropdown.dropdown i {
        display: inline;
        padding: 0 0 0 10px;
        text-align: center;
        font-size: 12px;
    }

    .main-menu .dropped-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 100;
        width: 100%;
        background: rgba(0, 0, 0, 0.9);
        padding: 20px;
        transition: color 0.25s;
    }

    .main-menu .dropped-menu a {
        position: relative;
        padding: 10px 0;
    }

    .main-menu .dropped-menu a:after {
        display: none;
    }

    .main-menu .dropped-menu a:hover {
        text-decoration: underline;
    }

    .main-menu .dropped-menu .dropped-menu-column {
        float: left;
        width: 25%;
        padding: 0 15px;
    }

    .main-menu .dropped-menu .dropped-menu-column .title,
    .main-menu .dropped-menu .dropped-menu-column a {
        display: block;
    }

    .main-menu .dropped-menu .dropped-menu-column a.with-image {
        color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
        font-size: 18px;
        line-height: 100px;
        padding: 0 15px;
    }

    .main-menu .dropped-menu .dropped-menu-column a.with-image:after {
        display: none;
    }

    .main-menu .dropped-menu .dropped-menu-column a.with-image span {
        position: relative;
        display: inline-block;
        line-height: normal;
        vertical-align: middle;
        z-index: 2;
    }

    .main-menu .dropped-menu .dropped-menu-column a.with-image .menu-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .main-menu .dropped-menu .dropped-menu-column .title i {
        display: none;
    }

    .main-menu .column-image {
        width: 215px;
        margin: 10px 0 0;
        background-color: #ccc;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .main-menu .dropped-menu .dropped-menu-column .column-links {
        padding-bottom: 20px;
    }

    .main-menu .dropped-menu .dropped-menu-column .column-links a {
        display: block;
        padding: 5px 15px;
        font-size: 14px;
    }

    .main-menu .dropped-menu .dropped-menu-column .column-links a:after {
        display: none;
    }

    .main-menu .dropped-menu .dropped-menu-column .column-links a i {
        display: none;
    }

    @media (max-width: 991px) {
        .menu-button {
            display: block;
        }

        .main-menu a.main-dropdown span {
            width: 100%;
        }

        .main-menu a.main-dropdown.dropdown i {
            padding: 0 0 0 5px;
        }

        .main-menu {
            display: none;
            position: absolute;
            z-index: 10;
            left: 0;
            right: 0;
            width: auto;
        }

        .main-menu a.main-dropdown {
            display: block;
            float: none;
            width: 100%;
            background: #000;
            color: #fff;
            text-align: left;
            padding: 8px 0;
            border: 0;
            border-bottom: 2px solid rgba(0, 0, 0, 0.1);
        }

        .main-menu .dropped-menu a.dropdown:before {
            display: none;
        }

        .main-menu a.main-dropdown.last {
            border: 0;
            border-bottom: 2px solid rgba(0, 0, 0, 0.1);
        }

        .main-menu a.main-dropdown span,
        .main-menu a.home.main-dropdown span {
            padding: 0 20px;
            text-align: left;
            border: 0;
        }

        .main-menu a.home.main-dropdown span {
            text-align: center;
        }

        .main-menu a.main-dropdown.dropdown i {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: 48px;
            height: 48px;
            line-height: 48px;
            color: #fff;
            padding: 0;
            background: rgba(0, 0, 0, 0.1);
        }

        .main-menu a.main-dropdown.dropdown i:hover {
            background-color: rgba(0, 0, 0, 0.3);
        }

        .main-menu a.main-dropdown span::before {
            display: none;
        }

        .main-menu .dropped-menu .dropped-menu-column a.with-image {
            color: #000;
            font-size: 14px;
        }

        /*
        Menu dropdown
    */
        .main-menu .dropdowns {
            z-index: 10;
        }

        .main-menu .dropped-menu {
            display: none;
            position: relative;
            z-index: 10;
            width: auto;
            top: 0;
            left: 0;
            right: 0;
            margin: 0;
            padding: 0 0 0 20px;
            border-bottom: 0;
        }

        .main-menu .dropped-menu a {
            color: #fff;
            padding: 8px 20px;
            transition: none;
        }

        .main-menu .dropped-menu a:hover {
            color: #fff;
        }

        .main-menu .dropped-menu .dropped-menu-column-box {
            margin-bottom: 0;
            border-bottom: 2px solid rgba(0, 0, 0, 0.1);
        }

        .main-menu .dropped-menu .dropped-menu-column {
            float: none;
            width: 100%;
            padding: 0;
        }

        .main-menu .dropped-menu .dropped-menu-column a.with-image {
            background-image: none !important;
            font-size: inherit;
            line-height: inherit;
            padding: 15px 20px;
        }

        .main-menu .dropped-menu .dropped-menu-column a.with-image .menu-overlay {
            display: none;
        }

        .main-menu .column-image {
            display: none;
        }

        .main-menu .dropped-menu .dropped-menu-column .column-links {
            display: none;
            position: relative;
            z-index: 10;
            width: auto;
            top: 0;
            left: 0;
            right: 0;
            margin: 0;
            padding: 0 0 0 20px;
            background-color: rgba(0, 0, 0, 0.9);
        }

        .main-menu .dropped-menu .dropped-menu-column .column-links a {
            display: block;
            color: #fff;
            width: 100%;
            height: 100%;
            border-left: 0;
            border-bottom: 2px solid rgba(0, 0, 0, 0.1);
            padding: 8px 20px;
            font-size: 16px;
        }

        .main-menu .dropped-menu .dropped-menu-column .column-links a i {
            position: absolute;
            width: 48px;
            height: 48px;
            line-height: 48px;
            text-align: center;
            right: 0;
            top: 0;
            background: rgba(0, 0, 0, 0.1);
            border-left: 2px solid rgba(0, 0, 0, 0.1);
        }

        .main-menu .dropped-menu .dropped-menu-column .column-links a i.desktop {
            display: none;
        }

        .main-menu .dropped-menu .dropped-menu-column .column-links a:hover {
            color: #fff;
        }

        .main-menu .dropped-menu .dropped-menu-column .title i {
            display: block;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            width: 48px;
            height: 48px;
            text-align: center;
            line-height: 48px;
            background: rgba(0, 0, 0, 0.1);
        }

        .main-menu .dropped-menu .dropped-menu-column .title i:hover {
            background-color: rgba(0, 0, 0, 0.3);
        }
    }

    /*
 *  MENU BOOTSTRAP
 */

    .navbar {
        padding: 0;
    }

    .navbar .navbar-nav>.nav-item>.nav-link {
        padding: 15px;
        width: 100%;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        color: #fff;
    }

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .show .nav-link {
        background: transparent;
    }

    .dropdown-toggle {
        white-space: normal;
    }

    .dropdown-toggle::after {
        display: none;
    }

    .navbar-dark .dropdown-menu {
        background: rgba(0, 0, 0, 0.9);
    }

    .navbar-dark .dropdown-item:focus,
    .navbar-dark .dropdown-item:hover {
        background: rgba(0, 0, 0, 0.9);
    }

    .navbar .nav-item {
        justify-content: start;
        display: flex;
        flex-wrap: wrap;
        flex: auto;
        width: auto;
        position: relative;
        font-size: 18px;
        font-weight: 400;
        text-decoration: none;
    }

    .navbar-nav .nav-link {
        position: relative;
    }

    .navbar-nav .dropdown .nav-link,
    .navbar-nav .dropdown-submenu .nav-link {
        padding: 5px 0;
    }

    .navbar-nav .dropdown-menu {
        width: 100%;
    }

    .navbar .nav-item>button {
        position: absolute;
        right: 0;
        top: 0;
        padding: 15px 10px;
    }

    .navbar-nav .dropdown .nav-item>button,
    .navbar-nav .dropdown-submenu .nav-item>button {
        padding: 10px;
    }

    @media(min-width: 992px) {
        .navbar .nav-item>button {
            padding: 27px 10px;
        }
    }

    /*
 *  DROPDOWN
 */

    .dropdown-item {
        font-size: 80%;
        text-transform: none;
        white-space: normal;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: transparent;
        color: #212529;
    }

    .dropdown-menu {
        background: #fff;
    }

    @media (min-width: 768px) {
        .dropdown-menu {
            min-width: 15rem;
        }
    }

    .dropdown-submenu {
        position: relative !important;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }

    .colored .dropdown-menu a,
    .colored .dropdown-menu a:hover,
    .colored .dropdown-menu a:focus {
        color: #000;
    }

    /*
 *  TOGGLER
 */

    .navbar-dark .navbar-toggler {
        color: #fff;
        border-color: transparent;
        width: 100%;
        padding: 15px 0;
        background: rgba(0, 0, 0, 0.9);
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.9);
        border-color: transparent;
        width: 100%;
        padding: 15px 0;
        background: #fff;
    }

    .navbar-dark .navbar-toggler-icon,
    .colored .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    .navbar-light .navbar-toggler-icon,
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    }

    /*
 *  SIDE MENU
 */

    .side-panel-toggle {
        border: 0;
        background: transparent;
    }

    .side-menu {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .side-menu ul {
        list-style-type: none;
        padding: 0 0 0 25px;
        margin: 5px 0 0;
    }

    .side-menu li {
        position: relative;
    }

    .side-menu .toggle-submenu {
        position: absolute;
        right: 0;
        padding-right: 0;
        top: 3px;
    }

    .side-menu>li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .side-menu>li>.toggle-submenu {
        position: absolute;
        right: 0;
        padding-right: 0;
        top: 10px;
    }

    .side-menu>li>a {
        display: inline-block;
        position: relative;
        padding: 10px 45px 10px 0;
        text-decoration: none;
    }

    .side-menu a.toggle-submenu i {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 12px;
        height: 12px;
        margin: auto;
    }

    .side-menu ul li a {
        display: block;
        position: relative;
        padding: 2px 45px 2px 0;
    }

    .side-menu .current>a {
        font-weight: 700;
    }

    /*
 *  BLOCK MENUALTERNATIVE
 */

    .block-menualternative .list-inline li>a {
        display: inline-block;
    }

    .block-menualternative .tree-view,
    .block-menualternative .tree-view ul {
        list-style: none;
        padding: 0;
        overflow: hidden;
    }

    .block-menualternative .tree-view ul ul {
        padding: 0 15px;
    }

    .block-menualternative .tree-view li a {
        display: block;
        padding: 2px 0;
    }

    .block-menualternative>.tree-view>li {
        width: 16.6666667%;
        float: left;
        padding: 0 20px;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 0%);
        background-position: left;
        background-size: 1px 4px;
        background-repeat: repeat-y;
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }

    @media (max-width: 991px) {
        .block-menualternative>.tree-view>li {
            width: 33.33333%;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .block-menualternative>.tree-view>li:nth-child(3n+1) {
            clear: left;
        }
    }

    @media (max-width: 767px) {
        .block-menualternative>.tree-view>li {
            width: 50%;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .block-menualternative>.tree-view>li:nth-child(3n+1) {
            clear: none;
        }

        .block-menualternative>.tree-view>li:nth-child(2n+1) {
            clear: left;
        }
    }

    @media (max-width: 500px) {
        .block-menualternative>.tree-view>li {
            width: 100%;
            margin-bottom: 20px;
            padding: 0 20px;
        }

        .block-menualternative>.tree-view>li:nth-child(3n+1) {
            clear: none;
        }

        .block-menualternative>.tree-view>li:nth-child(2n+1) {
            clear: none;
        }
    }

    .block-menualternative>.tree-view>li>a {
        font-weight: 700;
        padding-bottom: 15px;
    }

    .block-menualternative .list-inline {
        margin-left: -10px;
        margin-bottom: 0;
    }

    .block-menualternative .list-inline>li {
        padding-right: 10px;
        padding-left: 10px;
    }

    .block-menualternative .dropdown-nav {
        display: none;
    }

    .block-menualternative .menu-mobile-toggle {
        display: none;
        transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
    }

    .block-menualternative .menu-mobile-dropdown {
        padding: 0;
    }

    @media(min-width: 1200px) {
        .block-menualternative .menu-mobile-dropdown {
            display: block;
        }
    }

    @media (max-width: 1199px) {
        .block-menualternative .menu-mobile-toggle {
            display: inline-block;
            padding: 0 10px;
        }

        .block-menualternative .menu-mobile-toggle.open {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .block-menualternative .menu-mobile-toggle .dot {
            position: relative;
            top: -2px;
            display: inline-block;
            width: 3px;
            height: 3px;
            background-color: #fff;
        }

        .block-menualternative .menu-mobile-dropdown {
            position: absolute;
            z-index: 1000;
            min-width: 160px;
            margin: 2px 0 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, .15);
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        }

        .block-menualternative .menu-mobile-dropdown ul {
            padding: 5px 0;
        }

        .block-menualternative .menu-mobile-dropdown li {
            display: block;
            line-height: 1.4;
            padding: 0;
        }

        .block-menualternative .menu-mobile-dropdown .list-inline {
            margin-left: 0;
        }

        .block-menualternative .menu-mobile-dropdown a {
            color: #3d3d3d;
            padding: 3px 20px;
        }
    }

    /*
 *  RECRUITMENT
 */

    .recruitment-filters {
        position: relative;
        z-index: 5;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    }

    #recruitment-advanced-button {
        cursor: pointer;
        margin-top: 10px;
    }

    .advanced-overflow {
        position: relative;
    }

    .faculty-record::before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 100%;
        background-color: #000;
        border-top: #000;
    }

    .faculty-record {
        display: block;
        position: relative;
        background-color: #fff;
        padding: 15px 25px;
    }

    .faculty-record:hover {
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .faculty-record .recruitment {
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.7);
        margin: 0;
    }

    .faculty-record .title {
        margin: 0 0 10px;
    }

    .faculty-record .faculty {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.7);
        margin: 0 0 5px;
    }

    .faculty-record .recruit-details span {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.7);
        padding: 0 20px 0 0;
    }

    .faculty-record .recruit-top-info {
        margin: 0 0 15px;
    }

    .faculty-record .recruit-top-info span.top-info {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.7);
        padding: 0 20px 0 0;
    }

    .faculty-record .faculty-logo {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .faculty-record .faculty-logo svg {
        width: 24px;
        height: 24px;
    }

    #recruitment-advanced-container {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        z-index: 2;
        margin: 20px auto;
        background-color: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
        padding: 20px;
    }

    #recruitment-advanced-container::before {
        content: " ";
        display: block;
        position: absolute;
        top: -15px;
        right: 30px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    .recruitment-filters-content {
        text-align: center;
        margin: 0 0 20px;
    }

    .recruitment-filters-content span {
        font-weight: 700;
        padding: 0 20px;
    }

    .recruitment-filters-content span i {
        font-size: 12px;
        cursor: pointer;
    }

    .faculties-logo-cont {
        padding-bottom: 10px;
        border-bottom: 1px solid #b2b2b2;
    }

    .faculties-logo-cont .faculty-logo svg {
        width: 24px;
        height: 24px;
    }

    .faculties-logo-cont .faculty-title {
        position: relative;
        top: 8px;
        left: 5px;
        font-weight: 700;
    }

    .faculty-info .small {
        font-size: 11px;
    }

    /*
 * SELECT 2
 */

    .form-group.has-error.has-danger .select2-selection--single {
        border-color: #a94442;
    }

    .form-group.has-danger .select2-selection--multiple {
        border-color: #a94442;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px;
        padding-left: 15px;
        padding-right: 25px;
    }

    .select2-container .select2-selection--single {
        height: 38px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px;
        width: 35px;
    }

    .select2-container.select2-container--bootstrap.select2-container--open {
        z-index: 10050;
    }

    /*
 *  CHECKBOXES, RADIOS
 */

    .checkbox+.checkbox,
    .radio+.radio {
        margin-top: 5px;
    }

    .checkbox label,
    .radio label {
        width: calc(100% - 26px);
        padding-left: 30px;
    }

    .radiolist .subfield label,
    .checkboxlist .subfield label {
        min-height: 20px;
        padding-left: 30px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .radiolist {
        margin-bottom: 5px;
    }

    .form-group.radiolist {
        margin-bottom: 15px;
    }


    .field.checkbox,
    .field.checkboxlist,
    .field.radiolist,
    .radiolist .subfield,
    .checkboxlist .subfield {
        position: relative;
    }

    /*
 *  CHECKBOXES
 */

    .checkboxlist input[type=checkbox],
    .checkbox input[type=checkbox] {
        display: block;
        position: absolute;
        top: 1px;
        width: 11px;
        height: 11px;
        margin: 4px;
    }

    input[type=checkbox].custom {
        width: 17px;
        height: 17px;
        margin-right: 8px;
    }

    input[type=checkbox]+label {
        position: relative;
        font-weight: 400;
        height: 24px;
    }

    .checkboxlist input[type=checkbox]:checked+label::before,
    .checkbox input[type=checkbox]:checked+label::before {
        content: "✓";
    }

    .checkboxlist .subfield label::before,
    .checkbox label::before {
        position: absolute;
        display: block;
        width: 19px;
        height: 19px;
        line-height: 18px;
        left: 0;
        top: 2px;
        padding: 0;
        font-size: 12px;
        font-weight: 700;
        content: "";
        text-align: center;
        color: #3d3d3d;
        background: #fff;
        border: 1px solid #aab2bd;
        border-radius: 2px;
        cursor: pointer;
    }

    .checkboxlist .subfield input[type=checkbox]:focus+label::before,
    .checkbox input[type=checkbox]:focus+label::before {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
    }

    /*
 *  RADIOS
 */

    .radiolist input[type=radio] {
        display: block;
        position: absolute;
        width: 11px;
        height: 11px;
        margin: 4px;
    }

    input[type=radio]+label {
        position: relative;
        height: 24px;
    }

    .radiolist input[type=radio]:checked+label::before {
        content: "✓";
    }

    .radiolist .subfield label::before {
        position: absolute;
        display: block;
        width: 19px;
        height: 19px;
        line-height: 18px;
        left: 0;
        top: 2px;
        padding: 0;
        font-size: 12px;
        font-weight: 700;
        content: "";
        text-align: center;
        color: #3d3d3d;
        background: #fff;
        border: 1px solid #aab2bd;
        cursor: pointer;
        border-radius: 90px;
    }

    table .radiolist {
        position: relative;
    }

    table .radiolist input[type=radio] {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto !important;
    }

    table .radiolist label {
        padding: 0;
        margin: 0;
    }

    table .radiolist label::before {
        position: relative;
        display: block;
        width: 19px;
        height: 19px;
        line-height: 18px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0;
        font-family: "Font Awesome\ 5 Free";
        font-size: 12px;
        content: "\00a0";
        text-align: center;
        color: #3d3d3d;
        background: #fff;
        border: 1px solid #aab2bd;
        cursor: pointer;
        border-radius: 90px;
    }

    /* -------------------------------------------------------------------------------------------- */

    /* ------------------------------------------ OLDIES ------------------------------------------ */

    /* -------------------------------------------------------------------------------------------- */

    /*
 *  OTHER HELPERS
 */

    .loader {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100vh;
        z-index: 10;
    }

    .loader .spinner {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 50px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    /*
 *  FORM
 */

    .form-control {
        padding: 0 1rem;
        height: calc(1.5em + 1rem + 2px);
    }

    .form-control[type="checkbox"],
    .form-control[type="radio"] {
        min-width: 0;
    }

    .form-group.custom label {
        padding-right: 5px;
    }

    textarea.form-control {
        max-width: 100%;
        min-height: 100px;
    }

    .form-group .refresh {
        position: absolute;
        top: 0;
        right: 0;
        width: 25px;
        height: 25px;
        border-radius: 3px;
        text-align: center;
        line-height: 24px;
    }

    table .form-group {
        margin-bottom: 0;
    }

    /*
 *  BLOCK SRMCART
 */

    .block-srmcart #show_hidden_cart {
        line-height: 54px;
        padding: 0 15px;
        border-left: 1px solid rgba(0, 0, 0, .1);
    }

    .block-srmcart .cart_contents {
        width: 290px;
        padding: 10px 20px;
    }

    .block-srmcart .cart_contents table {
        margin: 0 -20px 10px;
        width: 290px;
        word-break: break-word;
    }

    /*
 *  BLOCK MENU
 */

    .block-menu .list-inline {
        margin-left: -10px;
        margin-bottom: 0;
    }

    .block-menu .list-inline>li {
        padding-right: 10px;
        padding-left: 10px;
    }

    /*
 *  TAGS
 */

    ul.list.tags-list {
        background-color: #fff;
        border: 1px solid #d7dce1;
        border-radius: 5px;
        min-height: 60px;
    }

    ul.list.tags-list li {
        margin: 10px;
    }

    /*
 *  MODAL
 */

    .modal {
        z-index: 10050;
    }

    .modal-backdrop {
        z-index: 10040;
    }

    .modal-content {
        border-radius: 5px;
        border: 0;
    }

    .modal-header h1,
    .modal-header h2,
    .modal-header h3,
    .modal-header h4,
    .modal-header h5,
    .modal-header h6 {
        margin: 0;
    }

    .modal-body ul {
        margin: 0;
    }

    .modal-footer .btn+.btn {
        margin-bottom: 5px;
    }

    .modal {
        text-align: center;
        padding: 0 !important;
    }

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    .modal-dialog {
        width: calc(100% - 20px);
    }

    .modal-cookie .modal-body {
        max-height: 400px;
    }

    .modal-cookie .modal-footer .btn {
        padding: 12px 24px;
        margin: 4px;
        font-size: 0.6875rem;
    }

    .modal-cookie .modal-body p {
        font-size: 0.8125rem;
    }

    .modal-cookie .modal-body .form-check-label {
        font-size: 0.8125rem;
    }

    .modal-cookie .modal-header {
        padding: 20px 0;
        margin: 0 24px;
    }

    .modal-cookie .modal-body {
        padding-left: 24px;
        padding-right: 24px;
    }

    .modal-cookie .modal-footer {
        padding-left: 24px;
        padding-right: 24px;
    }

    .modal-cookie .form-check {
        padding-left: 0.5rem;
    }

    #overlay {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #overlay img {
        margin: 0;
        max-width: 100%;
        height: auto;
        object-fit: contain;
        padding: 5%;
    }

    #overlay #nextButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
    }


    #overlay #prevButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
    }

    #overlay #exitButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    #overlay #nextButton:hover,
    #overlay #prevButton,
    #overlay #exitButton:hover {
        opacity: 0.7;
    }

    @media screen and (min-width:768px) {

        #overlay #nextButton,
        #overlay #prevButton,
        #overlay #exitButton {
            font-size: 3em;
        }
    }

    .modal-dialog .show-big {
        cursor: pointer;
    }

    @media (min-width: 992px) {
        .modal-cookie .modal-body p {
            font-size: 1rem;
        }

        .modal-cookie .modal-footer .btn {
            font-size: 1rem;
        }

        .modal-cookie .modal-body .form-check-label {
            font-size: 1rem;
        }

        .modal-cookie .modal-xl {
            max-width: 800px;
        }
    }

    @media (min-width: 1200px) {
        .modal-cookie .modal-xl {
            max-width: 1140px;
        }
    }

    /*
 *  FILE UPLOADER SIMPLE
 */

    .inputfile {
        border: 1px solid #aab2bd;
        border-radius: 4px;
        padding: 10px 15px;
        width: 100%;
    }

    .inputfileheader {
        margin: 0 0 10px;
    }

    .current-image {
        position: relative;
        width: 130px;
        min-height: 80px;
        margin-right: 20px;
        margin-bottom: 30px;
        float: left;
        background-color: #e3e3e3;
    }

    .current-image .delete-round {
        position: absolute;
        bottom: -20px;
        right: 0;
        left: 0;
        margin: auto;
        background-color: #e3e3e3;
        border: 1px solid rgba(0, 0, 0, 0.1);
        color: rgba(0, 0, 0, 0.7);
        font-size: 20px;
        border-radius: 90px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    /*
 *  BUTTON COLLECTION
 */

    div.dt-button-collection {
        background: #ffffff;
        padding: 10px;
        border: 1px solid rgba(0, 0, 0, .15);
        width: 280px !important;
        text-align: left;
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.02);
    }

    div.dt-button-collection .dt-button {
        text-align: left;
        position: relative;
        padding-right: 30px;
    }

    div.dt-button-collection .dt-button:after {
        position: absolute;
        right: 10px;
    }

    /*
 *  RECAPTCHA
 */

    .g-recaptcha {
        position: relative;
        z-index: 100;
    }

    /*
 *  DATATABLE
 */

    .dataTables_wrapper .pagin_cont {
        width: 100%;
    }

    .dataTables_wrapper.container-fluid {
        max-width: none;
        padding: 0;
    }

    .dataTables_wrapper .lenght_cont {
        float: right;
        width: auto;
        margin-left: auto;
    }

    .dataTables_wrapper .lenght_cont select {
        margin-left: 10px;
    }

    .btn-group .btn.buttons-colvis {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    /*
*Bootbox dialog
*/

    .dialogWide .modal-footer {
        flex-wrap: wrap;
    }

    .dialogWide>.modal-dialog {
        max-width: 460px;
        width: calc(100% - 20px) !important;
    }

    /*
 *  SKIP LINKS
 */

    .skiplinks {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        list-style: none;
    }

    .skiplinks a {
        display: flex;
        align-items: center;
        justify-content: center;
        top: -150px;
        padding: 5px 10px;
        font-size: 1.27em;
        position: absolute;
        text-decoration: none;
        z-index: 20000;
        width: 150px;
        height: 150px;
        text-align: center;
        overflow: hidden;
    }

    .skiplinks a:hover,
    .skiplinks a:focus,
    .skiplinks a:active {
        background: #000;
        border: 2px solid #fff;
        color: #fff;
        left: 0;
        top: 0;
        position: absolute;
        font-weight: normal;
    }

    /*
 *  TOOLTIP
 */

    .tooltip {
        z-index: 9999;
    }

    /*
 *  SOCIAL BUTTONS
 */

    .social-box {
        max-width: 450px;
        margin: 0 auto;
    }

    .btn-facebook,
    .btn-facebook:hover,
    .btn-facebook:focus {
        background-color: #3b5998;
        border-color: #3b5998;
        color: #fff !important;
        padding: .5rem 1rem !important;
    }

    .btn-google,
    .btn-google:hover,
    .btn-google:focus {
        background-color: #fff;
        border-color: rgba(0, 0, 0, .1);
        color: #525252 !important;
        padding: .5rem 1rem !important;
    }

    .btn-facebook i,
    .btn-google i {
        font-size: 32px;
        font-weight: 400;
    }

    .fa-google {
        background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    /*
	 * MODULE EMPLOYERS
	 */
    .module-employers .add-borders {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .module-employers .add-borders:first-of-type,
    .module-employers .add-borders+.add-borders {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .module-employers .add-borders+.add-borders:last-of-type {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .module-employers .add-borders [class*="col"] {
        padding: 15px;
    }

    .module-employers .add-borders [class*="col"]:not(:last-of-type):not(.last-in-row) {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .module-employers .name {
        font-weight: 700;
    }

    .module-employers .cursor-pointer:hover {
        cursor: pointer;
    }

    @media (max-width: 768px) {
        .module-employers .add-borders [class*="col"] {
            padding: 5px 15px;
        }

        .module-employers .add-borders+.add-borders:not(last-of-type) {
            margin-top: 30px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            padding-bottom: 15px;
        }

        .module-employers .add-borders [class*="col"]:not(:last-of-type):not(.last-in-row) {
            border-right: none;
        }
    }

    .eventlist .event input,
    .payment-services .payment-service input {
        width: 100%;
        height: 100%;
        margin: unset;
        top: 0;
        left: 0;
        opacity: 0;
        padding: unset;
        visibility: hidden;
        border: unset;
    }

    .eventlist .event label,
    .payment-services .payment-service label {
        padding-left: unset;
        width: 100%;
        display: block;
        height: 100%;
    }

    .eventlist .event label:before,
    .payment-services .payment-service label:before {
        display: none;
    }

    .payment-services .payment-service .service-img {
        width: 100%;
        height: auto;
        background-image: var(--service-bg);
        background-repeat: no-repeat;
        background-position: center top;
        min-height: 100px;
        display: flex;
        position: relative;
        justify-content: center;
        align-items: end;
        background-size: 80%;
        padding-top: 80px;
        padding-bottom: 10px;
        font-size: 12px;
        line-height: normal;
        text-align: center;
        border: 1px solid #ced4da;
        transition: all .25s;
    }

    .eventlist .event .content,
    .eventlist.radiolist .event .content {
        padding: 19px 25px;
    }

    .eventlist .event .content {
        width: 100%;
        height: auto;
        min-height: 100px;
        display: block;
        position: relative;
        border: 1px solid #ced4da;
        background: #fff;
        transition: all .25s;
    }

    .eventlist.radiolist .event .content {
        min-height: unset;
    }

    .eventlist .event .content:hover,
    .eventlist .event input:checked+label>.content {
        border-color: #1a3863;
        color: #1a3863;
        font-weight: 600;
    }

    .module-physicaleducationschedule .hint-box {
        display: flex;
        align-items: center;
        background-clip: content-box;
    }

    .module-physicaleducationschedule .hint-box:before,
    .module-physicaleducationschedule .hint-box.counter:before {
        font-size: 30px;
        line-height: 30px;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 20px;
        aspect-ratio: 1;
    }

    .module-physicaleducationschedule .hint-box.alert-info:before,
    .module-physicaleducationschedule .hint-box.alert-info.counter:before {
        background-color: #0c5460;
        color: #d1ecf1;
    }

    .module-physicaleducationschedule .hint-box.alert-success:before,
    .module-physicaleducationschedule .hint-box.alert-success.counter:before {
        background-color: #28a745;
        color: #d1ecf1;
    }

    .module-physicaleducationschedule .hint-box.alert-warning:before,
    .module-physicaleducationschedule .hint-box.alert-warning.counter:before {
        background-color: #e0a800;
        color: #d1ecf1;
    }

    .module-physicaleducationschedule .hint-box.alert-danger:before,
    .module-physicaleducationschedule .hint-box.alert-danger.counter:before {
        background-color: #c82333;
        color: #d1ecf1;
    }

    .module-physicaleducationschedule .hint-box:not(.counter):before {
        content: "\f129";
    }

    .module-physicaleducationschedule .hint-box.enrolled-tip:not(.counter):before {
        content: "\f00c";
    }

    .module-physicaleducationschedule .hint-box.counter:before {
        content: var(--stage);
        font-weight: 900;
    }

    .module-physicaleducationschedule .hint-box .hint-content {
        font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
        line-height: calc(18px + (22 - 18) * ((100vw - 300px) / (1920 - 300)));
        font-weight: 700;
    }

    .module-physicaleducationschedule .eventlist button.btn,
    .module-physicaleducationschedule .eventlist a.btn {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .module-physicaleducationschedule .hint-box .hint-content .tip,
    .module-physicaleducationschedule .eventlist button.btn .tip,
    .module-physicaleducationschedule a.btn .tip {
        font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1920 - 300)));
        line-height: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
        font-weight: 500;
        text-transform: none;
    }

    .module-physicaleducationschedule .page-description {
        padding-bottom: 15px;
        color: #fff;
    }

    .payment-services .payment-service .service-img:hover,
    .payment-services .payment-service input:checked+label>.service-img {
        border-color: #1a3863;
        color: #1a3863;
        font-weight: 600;
    }

    .eventlist .event input[type="checkbox"]+label>.content time span,
    .eventlist .event input[type="radio"]+label>.content time span {
        color: #c82333;
    }

    .module-physicaleducationschedule .hint-box:not(.counter):before,
    .eventlist .event input[type="checkbox"]+label>.content:before,
    .eventlist .event input[type="radio"]+label>.content:before,
    .payment-services .payment-service input+label>.service-img:before {
        font-family: "Font Awesome\ 5 Free";
        font-weight: 900;
    }

    .eventlist .event input[type="checkbox"]:checked+label>.content,
    .eventlist .event input[type="radio"]:checked+label>.content,
    .payment-services .payment-service input:checked+label>.service-img {
        color: #1a3863;
    }

    .eventlist .event input[type="checkbox"]:checked+label>.content:before,
    .eventlist .event input[type="radio"]:checked+label>.content:before,
    .payment-services .payment-service input:checked+label>.service-img:before {
        content: "\f00c";
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 23px;
        height: 23px;
        left: 0;
        top: 0;
        background-color: #1a3863;
        color: #fff;
    }

    .custom-payment-block .subfield+.subfield {
        margin-left: 30px;
    }

    .custom-payment-block .subfield label {
        width: max-content;
    }

    @media (max-width: 576px) {
        .payment-services .payment-service .service-img {
            background-size: 60%;
        }
    }

    /* 
    *   BLOCK GOOGLESHEET
    */

    .googlrsheet-items .count-number {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .googlrsheet-items .count-number:not(:nth-last-child(3)) {
        padding: 10px 5px;
        background-color: #ECECED;
        min-width: 22px;
    }

    .googlrsheet-items .count-number:nth-last-child(3) {
        height: 44px;
        display: inline-flex;
    }

    .googlrsheet-items .count-number:nth-last-child(3n - 3):not(:nth-last-child(3), :first-child) {
        margin-left: 16px;
    }

    .googlrsheet-items .count-number:not(:last-child) {
        margin-right: 3px;
    }

    /*
     *  MODULE BUILDINGS
     */
    .main-map .container {
        max-width: 100%;
    }

    .main-map .page-module {
        margin: 0;
    }

    /* sidebar */

    .sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        height: 75px;
        display: flex;
    }

    @media (min-width: 768px) {
        .sidebar {
            top: 0;
            right: auto;
            width: 157px;
            height: auto;
        }
    }

    .sidebar .btn-link {
        background-color: transparent;
        border: none;
        padding: 15px;
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .sidebar .nav-link.active svg path {
        fill: #ffffff;
    }

    .view-details header {
        padding: 30px 20px;
    }

    .view-details header img {
        height: 50px;
    }

    .view-details {
        transform: translateX(-330px);
        transition: .3s transform cubic-bezier(.55, 0, .1, 1), .3s background-color cubic-bezier(.55, 0, .1, 1);
    }

    .view-details.active {
        transform: translateX(0);
        transition: .3s transform cubic-bezier(.55, 0, .1, 1), .3s background-color cubic-bezier(.55, 0, .1, 1);
        background: #FAFAFA;
        border: 1px solid #E1E5E6;
    }

    /* main section */

    .floor-title {
        font-weight: 500;
        font-size: 30px;
        line-height: 41px;
        letter-spacing: 0.02em;
        color: #000000;
        padding: 30px 0 50px;
        background-color: white;
        position: relative;
        z-index: 100;
    }

    .sidebar_list .nav_list_choice {
        text-align: center;
        padding: 25px 5px;
        font-weight: 600;
        cursor: pointer;
        border-bottom: 1px solid rgba(0, 39, 54, .1);
        color: #595959;
    }

    .sidebar_list .nav_list_choice.active {
        border-bottom: 2px solid;
        color: #000000;
    }

    .sidebar_list .select2-container {
        margin-bottom: 20px;
        max-width: 182px;
    }

    .sidebar_list .custom-control-input:focus~.custom-control-label::before {
        box-shadow: none;
    }

    .sidebar_list .custom-switch .custom-control-label::after {
        background-image: url("/themes/_system/bootstrap4/images/convenience-switch.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-color: transparent;
        border-radius: 50%;
        display: block;
        height: 34px;
        width: 34px;
        top: 2px;
        left: calc(-1.25rem + 2px);
    }

    .sidebar_list .custom-control-input:focus:not(:checked)~.custom-control-label::before {
        border-color: #E1E5E6;
    }

    .sidebar_list .custom-control-label::before {
        top: 0;
        height: calc(2.25rem + 2px);
    }

    .sidebar_list .custom-switch .custom-control-input:checked~.custom-control-label::after {
        transform: translateX(calc(1.75rem + 10px));
    }

    .sidebar_list .custom-switch .custom-control-label::before {
        width: 4.75rem;
        border-radius: 20px;
        margin-left: 15px;
    }

    .sidebar_list .floors {
        padding: 10px 0;
    }

    .module-buildings {
        margin: 0;
    }

    .item .accordion .pins_floor:last-child p {
        margin-bottom: 0;
    }

    .content-wrapper {
        min-height: 100vh;
        padding: 1rem 0.75rem calc(75px + 1.75rem);
        transition: 0.3s all cubic-bezier(0.55, 0, 0.1, 1);
    }

    .content-wrapper .accessibility button {
        border: none;
        background-color: white;
    }

    .content-wrapper .accessibility button.normal i {
        font-size: 14px !important;
    }

    .content-wrapper .accessibility button.bigger i {
        font-size: 18px !important;
    }

    .content-wrapper .accessibility button.biggest i {
        font-size: 20px !important;
    }

    .pin_category {
        padding: 7px 0;
        display: flex;
        align-items: center;
    }

    .pin_category:last-child {
        padding-bottom: 15px;
    }

    .pin_category:first-child {
        padding-top: 15px;
    }

    .pin_category .convenience-ico {
        position: absolute;
        right: 0;
    }

    .pins_floor svg {
        height: 20px;
    }

    #a-z_points .pins_floor {
        display: block;
        font-weight: 600;
    }

    @media (min-width: 576px) {
        .content-wrapper {
            padding: 1rem 1.25rem calc(75px + 1.75rem);
        }
    }

    @media (min-width: 768px) {
        .content-wrapper {
            margin-left: 142px;
            overflow: hidden;
            padding: 0;
        }
    }

    @media (min-width: 1200px) {
        .content-wrapper.collapsed {
            margin-left: 472px;
            margin-right: 114px;
        }

        .content-wrapper {
            margin-left: 142px;
            margin-right: 114px;
        }
    }

    .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .nav-tabs {
        border-bottom: 1px solid #dee2e6;
    }

    .nav-tabs {
        position: relative;
        z-index: 2;
        margin-bottom: 1rem;
        background-color: #f1f5f9;
        border-bottom: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden;
        transition: 0.3s all cubic-bezier(0.55, 0, 0.1, 1);
    }

    .sidebar .nav-tabs {
        position: fixed;
        bottom: 0;
        flex-direction: row;
        flex-wrap: wrap;
        flex-shrink: 0;
        justify-content: center;
        border: 0;
        border-radius: 0;
        background-color: #fff;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 75px;
        z-index: 1000;
    }

    .sidebar_list .floors i {
        transition: 0.3s all cubic-bezier(0.55, 0, 0.1, 1);
    }

    .sidebar_list .floors .collapsed i {
        transform: rotate(180deg);
    }

    .sidebar_list .floor_title,
    #path_list .title {
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 18px;
    }

    #path_list .title {
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        padding-top: 5px;
        margin-bottom: 20px;
    }

    .sidebar_list .floor {
        border-radius: 5px;
        border: none;
        background: rgba(0, 39, 54, 0.05);
        padding: 2px 6px 6px;
    }

    .sidebar_list .floor svg path {
        fill: #002736;
    }

    .sidebar_list .arrow_show {
        border: none;
        padding: 5px 10px;
        background-color: transparent;
        margin-left: 10px;
    }

    .sidebar_list .number {
        border-radius: 5px;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        margin-right: 10px;
        width: 25px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sidebar_list .number.path {
        border-radius: 50%;
        background: #F9603E;
    }

    .nav_list {
        width: 315px;
        position: relative;
        z-index: 10;
        padding: 20px;
        max-height: calc(100vh - 230px);
        overflow: auto;
    }

    .nav_list::-webkit-scrollbar {
        width: 0.3rem;
    }

    .nav_list::-webkit-scrollbar-track {
        background: #eaeaea;
    }

    .nav_list::-webkit-scrollbar-thumb {
        border-radius: 10px;
    }

    @media (min-width: 768px) {
        .sidebar .nav-tabs {
            position: relative;
            bottom: auto;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            padding: calc(188px + 1rem) 0 0;
            width: 157px;
            height: 100%;
            z-index: 1;
        }

    }

    .sidebar .nav-tabs .nav-item {
        position: relative;
        margin-bottom: 40px;
    }

    .nav-link {
        display: block;
        padding: 0.938rem 1.25rem;
        color: #495057;
        font-weight: 500;
    }

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: 0 0;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .nav-tabs .nav-link {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 0.813rem;
        margin-bottom: 0;
        border: 0;
        border-bottom: 2px solid transparent;
        border-radius: 0;
        transition: .3s all cubic-bezier(.55, 0, .1, 1);
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
    }

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.show .nav-link {
        color: #434649;
        background-color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-color: transparent;
    }

    .sidebar .nav-tabs .nav-link {
        position: relative;
        margin-bottom: -1px;
        height: 100%;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        transition: .3s all cubic-bezier(.55, 0, .1, 1);
        padding: 0;
        margin: auto;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-size: 1rem;
    }

    .sidebar .nav-tabs .nav-link:focus {
        outline: none !important;
    }

    .sidebar .nav-tabs .nav-link.active,
    .sidebar .nav-tabs .nav-item.show .nav-link {
        color: #434649;
        background-color: transparent;
    }

    .sidebar .nav-tabs button {
        font-size: 11px;
        font-weight: 700;
        padding: 0;
        text-transform: uppercase;
    }

    .sidebar .nav-tabs .nav-link svg {
        fill: #fff;
    }

    .sidebar .nav-tabs .nav-link.active svg,
    .sidebar .nav-tabs .nav-item.show .nav-link svg {
        fill: #002736;
    }

    #pager {
        align-items: center;
        padding: 20px 0;
        flex-direction: column;
        justify-content: center;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 100;
        top: 50%;
        display: flex;
        transform: translate(0, -50%);
        width: 129px;
        height: 100%;
    }

    #pager .scroll {
        display: flex;
        flex-direction: column;
    }

    #pager button {
        border: 1px solid #002736;
        border-radius: 5px;
        cursor: pointer;
        font-weight: 600;
        font-size: 22px;
        line-height: 30px;
        width: 72px;
        margin: 5px 0;
    }

    #pager .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #000;
    }

    #pager #pager_list {
        font-weight: 600;
        font-size: 30px;
        display: flex;
        flex-direction: column;
    }

    #floor_front,
    #path_box {
        /* overflow: hidden; */
        text-align: center;
    }

    #svg_container,
    .svg_container {
        /* max-width: 1397px; */
        margin: auto;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 20px;
    }

    .module-buildings .zoom {
        display: flex;
        align-items: center;
        left: 0;
        width: 95%;
        height: 64px;
        padding: 20px;
        background-color: #d7d7dc;
        z-index: 10;
    }

    .module-buildings .reset {
        padding: 8px 20px;
        background-color: #fff;
    }

    .module-buildings .scroll {
        display: flex;
    }

    .select2-container--bootstrap .select2-selection--multiple {
        padding-bottom: 5px !important;
    }

    .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
        display: none;
    }
}

/*  
    * MODULE PRIVACYPOLICYNEW
    */

.module-privacypolicynew .form-check {
    padding-left: 0.5rem;
}

/* Policy Privacy New Popup*/

.d-flex label {
    cursor: pointer;
}

.btn-xs {
    padding: 4px 18px !important;
    border-radius: 50px !important;
}

label[aria-expanded="false"] svg.icon-tabler {
    transform: rotate(180deg);
}

.toggle-group .btn-light {
    border-color: #dae0e5 !important;
    background-color: #e2e6ea !important;
}

.toggle-group .toggle-handle {
    background-color: #fff !important;
}

/*  
    * encoding mails
*/

.encodeSpanMails {
    display: inline-flex;
}

.encodeSpanMails .rotateSpanMail {
    unicode-bidi: bidi-override !important;
    direction: rtl !important;
    display: inline !important;
}

/* 
 *  Dictionary accordion
*/

.dictionary-accordion .subfield input[type="radio"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    padding: 0px !important;
    margin: -1px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border-width: 0px !important;
    border-style: initial !important;
    border-color: initial !important;
    border-image: initial !important;
}

.dictionary-accordion .subfield label {
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    padding: 4px 11px;
    font-family: Arial;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 2px;
    font-weight: 700;
    font-size: 12px;
    font-family: 'Montserrat';
}

.dictionary-accordion .subfield:last-child label {
    width: auto;
}

.dictionary-accordion .subfield label:hover {
    background-color: #e2e6ea;
}

.dictionary-accordion .subfield input[type="radio"]:focus-visible+label {
    background-color: #e2e6ea;
    box-shadow: 0 0 0 3px rgba(120, 40, 52, 0.25) !important;
}

.dictionary-accordion .subfield input[type="radio"]:checked+label {
    background-color: #e2e6ea;
}

.dictionary-accordion .subfield {
    display: inline-flex;
}

/* 
 *  MODULE DICTIONARY
 */
 .module-dictionary .letter_search {
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.module-dictionary .card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.module-dictionary .card .card-header {
    border-radius: 0;
    border-bottom: none
}

.module-dictionary .card .card-header span{
    font-size: 16px;
}

.module-dictionary .card .card-header i{
    transition: 0.6s all cubic-bezier(.55, 0, .1, 1);
}

.module-dictionary .card .card-header:not(.collapsed) i{
    transform: rotate(180deg);
}

.module-dictionary .letter_search:last-child {
    width: auto;
}