html, body {
    background: none;
    font-size: 16px;
    box-sizing: border-box;
    color: #4e4e4e;
    font-family: "Roboto-Regular";
}

html {
    position: relative;
    height: 100%;
    overflow-x: hidden;
}

body {
    padding-bottom: 0px;
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

a, a:hover, a:focus, a:active {
    color: #337ab7;
}

.header-content {
    width: 100%;
    height: 75px;
    padding: 0px;
    width: auto;
    position: relative;
}

    .header-content img {
        max-width: 100px;
        height: auto;
        display: inline-block;
    }

    .header-content a {
        padding-right: 10px;
        vertical-align: top;
    }

        .header-content a.menu {
            width: 35px;
            height: 35px;
            font-size: 26px;
            margin-left: 10px;
        }

            .header-content a.menu:hover, .header-content a.menu:active, .header-content a.menu:focus {
                text-decoration: none;
                cursor: pointer;
            }

.menu-content {
    position: absolute;
    right: 20px;
    top: -400px;
    background-color: #00A99D;
    border: none;
    border-left: 1px solid #ececec;
    width: 250px;
    height: auto;
    transition: ease-in-out top .5s;
    z-index: -1;
}

header.menu-active .menu-basic-content {
    top: 80px;
}

header.menu-admin-active .menu-admin-content {
    top: 80px;
}

.menu-content ul {
    padding: 6px 0px;
    list-style: none;
    width: 248px;
    margin: 0;
}

    .menu-content ul li {
        padding: 0 3px;
        text-align: center;
        width: 248px;
    }

    .menu-content ul a {
        padding: 3px 0px;
    }

.header-content a.admin-menu {
    width: 100px;
    display: inline;
    height: 80px;
    text-align: center;
    padding: 0px 10px;
    vertical-align: middle;
    line-height: 80px;
    color: #031326;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

    .header-content a.admin-menu:hover {
        color: #090063;
        text-decoration: underline;
    }

header .menu-admin-content {
    background-color: #337ab7;
}

.header-content .glyphicon-cog:before {
    color: #031326;
}

.home-logo {
    max-width: 400px;
    height: auto;
    width: 50%;
    display: inline-block;
}

.home-menu a {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    margin: 5px;
    position: relative;
}

    .home-menu a span {
        position: absolute;
        width: 100px;
        height: 0;
        overflow: visible;
        margin-top: -8px;
        margin-left: -50px;
        left: 50%;
        top: 50%;
    }

    .home-menu a:hover {
        background-color: rgba(66, 66, 66, .2);
        text-decoration: none;
    }

.home-menu {
    max-width: 500px;
    margin: auto;
    margin-top: 10px;
}

.profile-member {
    width: 250px;
    height: 100px;
    margin: 10px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.profile-photo {
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: 4px solid #cacaca;
    margin-top: 10px;
    background: black;
}

.profile-name {
    vertical-align: top;
    font-size: 18px;
    padding-left: 0px;
}

.profile-title {
    vertical-align: top;
    font-size: 14px;
    padding-left: 0px;
}

.profile-email {
    vertical-align: top; /*font-size: 24px;*/
    padding-left: 0px;
    text-decoration: none;
}

    .profile-email:hover {
        text-decoration: none;
    }

    .profile-email .glyphicon {
        color: #4e4e4e;
    }

.profile-member .icon {
    border-radius: 3px;
    margin: -13px 1px 2px 1px;
    width: 22px;
}

.article-img {
    max-width: 100%;
}

h1, h2, h3, h4 {
    font-family: apotek, sans-serif;
}

p, span, body, html {
    font-family: titillium-web, sans-serif;
}



/*.ucea h1,.ucea h2,.ucea h3,.ucea h4 { font-family:"Oswald"; color:#7BD5E3; }
.ucea .content h1, .ucea .content h2, .ucea .content h3, .ucea .content h4 { font-family: "Oswald"; color: #7BD5E3; }
.ucea p,.ucea span,.ucea a:not(.glyphicon) { font-family:"Oswald-Medium"; }
.ucea .header-logo img { height:100%; padding:0; }
.ucea .header-content a.admin-menu { color: #7BD5E3; }
.ucea nav a { color: black; }
.ucea nav a.active, .ucea nav a:hover { color: #7BD5E3; text-decoration:none; }
.ucea header, .ucea nav > div { color: #7BD5E3; border-bottom-color: #7BD5E3; }
.ucea .header-content .glyphicon-menu-hamburger { font-size: 25px; margin-top: 21px; padding: 5px; }
.ucea .header-content .glyphicon-menu-hamburger:hover { border: 1px solid #bfbfbf; box-shadow: inset 1px 1px rgba(191, 191, 191, 0.7019607843137254); border-radius: 6px; }
.ucea .header-content .glyphicon-menu-hamburger:before { color: black; }
.ucea .header-content .glyphicon-menu-hamburger:hover:before { color: #7BD5E3; }
.ucea .menu-content { background-color:#647678; }
.ucea .menu-content ul a:hover { background-color:#2F3738; }
.ucea .spiner .btn-spiner.active { background-color:#2F3738; }
.ucea .main-news .card .card-title { color: #7BD5E3;  }
.ucea .main-news .card .card-sub-title { font-family:"Oswald"; color:#2F3738; font-size:18px; }*/

/*.cel h1,.cel h2,.cel h3,.cel h4 { font-family:ArchivoBlack-Regular; color:#32689b; }
.cel .content h1, .cel .content h2, .cel .content h3, .cel .content h4 { font-family: "Oswald"; color: #32689b; }
.cel .header-logo img { height:100%; padding:0; }
.cel .header-content a.admin-menu { color: #32689b; }
.cel nav a { color: #32689b; }
.cel header, .cel nav > div { color: #32689b; border-bottom-color: #32689b; }
.cel .header-content .glyphicon-cog:before { color: #32689b; }
.cel .menu-content { background-color:#18538C; }
.cel .menu-content ul a:hover { background-color:#0D2E6D; }
.cel .spiner .btn-spiner.active { background-color:#0D2E6D; }*/

@font-face {
    font-family: "Oswald";
    src: url("/fonts/Oswald-Regular.ttf");
}

@font-face {
    font-family: "Oswald-Medium";
    src: url("/fonts/Oswald-Medium.ttf");
}

@font-face {
    font-family: "ArchivoBlack-Regular";
    src: url("/fonts/ArchivoBlack-Regular.ttf");
}

@font-face {
    font-family: "Roboto-Thin";
    src: url("/fonts/Roboto-Thin.ttf");
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("/fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: "Bebas";
    src: url("/AsuGsv/fonts/bebas-neue-pro/Bebas Neue Pro Regular.otf");
}

@font-face {
    font-family: "Bebas Bold";
    src: url("/AsuGsv/fonts/bebas-neue-pro/Bebas Neue Pro Bold.otf");
}

@font-face {
    font-family: "Nunito";
    src: url("/AsuGsv/fonts/Nunito/Nunito-Regular.ttf");
}

/*header {
    width: 100%;
    height: 80px;
    background-color: #031326;
    display: block;
    position: fixed;
    z-index: 1000;
    color: #9AA1A8;
}*/

/*nav {
    width: 100%;
    padding: 0px 20px;
    margin: auto;
    text-align: center;
    max-width: 1200px;
    position: relative;
}

    nav > div {
        height: 80px;
        float: none;
        text-align: right;
        background-color: #031326;
    }

    nav div {
        float: right
    }*/

    /*nav .nav-link {*/
        /*display: inline-block;*/
        /*height: 80px;
        text-align: center;
        padding: 0px 10px;
        vertical-align: middle;
        line-height: 80px;
        color: #9AA1A8;
        cursor: pointer;
    }

        nav a:hover, nav a:focus, nav a:target {
            color: #31FF8E;
        }*/

.header-logo {
    float: left;
    max-height: 15vw;
}

    .header-logo img {
        height: 70%;
        padding: 10px 0px;
    }

.page-title {
    display: inline-block;
    color: white;
    line-height: 80px;
    margin: 0;
    width: calc(100% - 425px);
    padding-left: 100px;
}

.menu {
    padding-top: 23px;
}

.menu-content ul a {
    color: black;
    height: 25px;
    line-height: 100%;
    color: white;
    display: inline-block;
    width: 100%;
}

    .menu-content ul a:hover {
        text-decoration: none;
        background-color: #1C2A3C;
    }

/*footer {
    width: 250px;
    height: 110px;
    background-color: #031326;
    display: block;
    position: fixed;
    bottom: 0px;
    color: white;
    vertical-align: middle;
    line-height: 50px;
    z-index: 100;
}

    footer div {
        width: 100%;
        padding: 0px 20px;
        margin: auto;
    }

    footer a, footer span {
        display: inline-block;
        height: 80px;
        text-align: center;
        padding: 0px 10px;
        vertical-align: middle;
        line-height: 50px;
        color: white;
        cursor: pointer;
        text-align: center;
    }

        footer a:hover, nav a:focus, nav a:target {
            color: #009BFF;
        }

        footer a img {
            position: relative;
            top: -3px;
        }

    footer a {
        line-height: 50px;
        height: 50px;
    }*/

.main-footer {
    width: 100%;
    height: 91px;
    background-color: #031326;
    display: block;
    color: white;
    vertical-align: middle;
    line-height: 50px;
    z-index: 100
}

    .main-footer div {
        width: 100%;
        max-width: 1200px;
        padding: 20px;
        margin: auto;
        position: relative;
        text-align: center;
    }

    .main-footer a, .main-footer span {
        display: inline-block;
        text-align: center;
        padding: 0px 10px;
        vertical-align: middle;
        line-height: 50px;
        color: white;
        cursor: pointer;
        text-align: center;
    }

        .main-footer a:hover {
            color: #009BFF;
        }

        .main-footer a img {
            position: relative;
            top: 0px;
        }

    .main-footer a {
        line-height: 50px;
        height: 50px;
        float: right;
    }

.content {
    color: #4e4e4e;
    min-height: 0;
    overflow: initial;
    max-width: 1200px;
    margin: auto;
    background: white;
}

    .content h1 {
        color: #031326;
        text-align: left;
    }

        .content h1.text-center {
            text-align: center;
        }

.content-form {
    margin: auto;
    max-width: 600px;
    margin-top: 25px;
}

/*.content-wrapper {
    position: relative;
    padding-top: 80px;
    padding-bottom: 0px;
    z-index: 100;
    margin: auto;*/ /*max-width:1440px;*/
    /*overflow-x: hidden;
    overflow: visible;
}*/

.navbar-admin {
    background-color: #031326;
    color: white;
    background-image: linear-gradient(to bottom,#031326 0,#ADFFD2 100%);
    border: none;
    border-radius: 0px;
}

    .navbar-admin .navbar-brand, .navbar-admin .navbar-nav > li > a {
        color: white;
    }

hr {
    /*border-bottom: 2px solid #009999;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.27);
    margin: 40px 0px;
    /*box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.20);*/
}

/* Card */
/*.card {
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    position: relative;
}

    .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card div:after {
            display: block;
            content: '';
        }

    .card img {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        max-height: 100%;
        max-width: 100%;
        width: 100%;
        height: 100%;
    }*/

/* Spiner */
.spiner-wrapper {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0;
}

    .spiner-wrapper:after {
        padding-top: 30.9774%;
        display: block;
        content: '';
    }

.spiner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

    /* Spiner btn */
    .spiner .btn-spiner {
        background-color: white;
        display: inline-block;
        margin: auto 3px;
        padding: 8px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        box-shadow: inset -1px -1px 2px 2px rgba(0, 0, 0, 0.27);
        border: none;
    }

        .spiner .btn-spiner:hover {
            cursor: pointer;
            box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.27);
            background-color: #031326;
        }

        .spiner .btn-spiner.active {
            background-color: #031326;
            box-shadow: inset -1px -1px 2px 2px rgba(0, 0, 0, 0.27);
            cursor: default;
        }

    .spiner .btns {
        position: absolute;
        bottom: 5px;
        width: 100%;
        text-align: center;
        z-index: 3;
    }

    /* Spiner Card */
    /*.spiner .card {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        margin: 0;
        z-index: 2;
    }

        .spiner .card.left {
            left: -100%;
            z-index: 1;
        }

        .spiner .card.right {
            left: 100%;
            z-index: 1;
        }

        .spiner .card.centerLeft {
            left: -100%;
            animation: spinerCenterLeft 1s ease-in-out;
            z-index: 1;
        }

        .spiner .card.centerRight {
            left: 100%;
            animation: spinerCenterRight 1s ease-in-out;
            z-index: 1;
        }

        .spiner .card.leftCenter {
            left: 0%;
            animation: spinerLeftCenter 1s ease-in-out;
            z-index: 2;
        }

        .spiner .card.rightCenter {
            left: 0%;
            animation: spinerRightCenter 1s ease-in-out;
            z-index: 2;
        }

        .spiner .card div:after {
            padding-top: 31.25%;
        }*/
        /*.spiner .card-title { visibility: hidden;  }*/
        /*.spiner .card a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
        }

    .spiner .card-title {
        font-family: apotek, sans-serif;
        top: 34.5%;
        left: 43%;
        bottom: 20px;
        right: 5%;
        color: white;
        text-align: left;
        width: auto;
        align-items: center;
        justify-content: center;
        font-size: 4vw;
        line-height: 100%;
    }

    .spiner .card-sub-title {
        font-size: 3.8vw;
        display: inline-block;
    }

    .spiner .card-source, .spiner .card-date {
        display: none;
    }*/

/*@keyframes spinerCenterLeft {
    from {
        left: 0%;
    }

    to {
        left: -100%;
    }
}

@keyframes spinerCenterRight {
    from {
        left: 0%;
    }

    to {
        left: 100%;
    }
}

@keyframes spinerLeftCenter {
    from {
        left: -100%;
    }

    to {
        left: 0%;
    }
}

@keyframes spinerRightCenter {
    from {
        left: 100%;
    }

    to {
        left: 0%;
    }
}

.spiner-main-inline-other .spiner .card {
    left: -100px;
    width: calc(100% + 200px);
}

    .spiner-main-inline-other .spiner .card .card-title {
        font-size: 2.25vw;
        right: 23%;
        left: 40.7%;
    }

    .spiner-main-inline-other .spiner .card .card-sub-title {
        font-size: 1.1vw;
        display: inline-block;
        line-height: 1.8vw;
    }*/


/* Spiner-2 */
/*.spiner-2-wrapper {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0;
}

    .spiner-2-wrapper:after {
        padding-top: 31.25%;
        display: block;
        content: '';
    }

.spiner-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
}*/

    /* Spiner-2 Card */
    /*.spiner-2 .card {
        position: absolute;
        top: 0px;
        left: 0%;
        width: 100%;
        margin: 0;
        z-index: 2;
    }

        .spiner-2 .card.left {
            left: -100%;
            z-index: 1;
        }

        .spiner-2 .card.right {
            left: 100%;
            z-index: 1;
        }

        .spiner-2 .card.centerLeft {
            left: -100%;
            animation: spinerCenterLeft 1s ease-in-out;
            z-index: 1;
        }

        .spiner-2 .card.centerRight {
            left: 100%;
            animation: spinerCenterRight 1s ease-in-out;
            z-index: 1;
        }

        .spiner-2 .card.leftCenter {
            left: 0%;
            animation: spinerLeftCenter 1s ease-in-out;
            z-index: 2;
        }

        .spiner-2 .card.rightCenter {
            left: 0%;
            animation: spinerRightCenter 1s ease-in-out;
            z-index: 2;
        }

        .spiner-2 .card div:after {
            padding-top: 31.25%;
        }*/
        /*.spiner-2 .card-title { visibility: hidden;  }*/
        /*.spiner-2 .card a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
        }

    .spiner-2 .card-title {
        font-family: apotek, sans-serif;
        top: 34.5%;
        left: 43%;
        bottom: 20px;
        right: 5%;
        color: white;
        text-align: left;
        width: auto;
        align-items: center;
        justify-content: center;
        font-size: 4vw;
        line-height: 100%;
    }

    .spiner-2 .card-sub-title {
        font-size: 3.8vw;
        display: inline-block;
    }

    .spiner-2 .card-source, .spiner-2 .card-date {
        display: none;
    }*/


.rotator-wrapper {
    text-align: center;
    width: 100%;
    position: relative;
}

.rotator {
    text-align: center;
    min-width: 100%;
    position: relative;
    /*word-break:*/
}

    .rotator .btn {
        z-index: 2;
        border: none;
        position: absolute;
        width: 35px;
        background: rgba(0, 0, 0, 0.50);
        height: 100px;
        top: 50%;
        margin-top: -50px;
        right: -5px;
        line-height: 80px;
        vertical-align: middle;
    }

        .rotator .btn.left {
            position: absolute;
            left: -5px;
        }

        .rotator .btn:hover {
            right: -8px;
        }

        .rotator .btn.left:hover {
            position: absolute;
            left: -8px;
        }


/*.card-title {
    font-size: 18px;
    position: absolute;
    text-align: left;
    display: inline-block;
    width: 100%;
    bottom: 20px;
    left: 5px;
    overflow: hidden;
}

.card-source {
    font-size: 14px;
    position: absolute;
    text-align: left;
    bottom: 0px;
    left: 5px;
}

.card-date {
    font-size: 14px;
    position: absolute;
    text-align: right;
    bottom: 0px;
    right: 5px;
}

.rotator .card-h1 .card:first-of-type {
    margin-left: 0px;
}

.rotator .card-h1 .card:last-of-type {
    margin-right: 0px;
}

.card-content {
    background-color: #4e4e4e;
    color: white;
}

    .card-content a {
        color: white;
    }

    .card-content .card-h2, .card-content .card-h2, .card-content .card-h3 {
        padding: 10px 0;
        margin: auto;
        max-width: 1200px;
    }*/

/*.card-h1 .card-title, .card-h1 .card-source, .card-h1 .card-date { display: none;  }*/
/*.card-h1, .card-h2, .card-h3, .card-h4, .card-h5, .card-h6, .card-h8, .news {
    opacity: 1;
    position: relative;
}

.hide-card {
    opacity: 0;
}*/

.fade-out {
    animation: opac .5s
}

.fade-in {
    animation: opac2 .5s
}

.fade-out.left {
    animation: opac3 .5s
}

.fade-in.left {
    animation: opac4 .5s
}

@keyframes opac {
    from {
        opacity: 1;
        left: 0px;
    }

    to {
        opacity: 0;
        left: -100%;
    }
}

@keyframes opac2 {
    from {
        opacity: 0;
        left: 100%;
        top: 0px;
    }

    to {
        opacity: 1;
        left: 0px;
        top: 0px;
    }
}

@keyframes opac3 {
    from {
        opacity: 1;
        right: 0px;
    }

    to {
        opacity: 0;
        right: -100%;
    }
}

@keyframes opac4 {
    from {
        opacity: 0;
        right: 100%;
        top: 0px;
    }

    to {
        opacity: 1;
        right: 0px;
        top: 0px;
    }
}

/*1440-420*/
/*.card-h1 .card {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0;
}

    .card-h1 .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card-h1 .card div:after {
            padding-top: 32.9689%;
            display: block;
            content: '';
        }

    .card-h1 .card img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        max-height: 100%;
    }

.card-h1 img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.card-h1 .card-title {
    position: relative;
    bottom: 0px;
}

.card-h1 .card-source {
    position: relative;
}

.card-h1 .card-date {
    position: relative;
    float: right;
}*/

/*453-220*/
/*.card-h2 .card {
    width: calc(33.33334% - 40px);
    display: inline-block;
    position: relative;
    padding-bottom: 45px;
}

    .card-h2 .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card-h2 .card div:after {
            padding-top: 61.11115%;
            display: block;
            content: '';
        }

    .card-h2 .card img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

.card-h2 img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}*/

/*330-220*/
/*.card-h3 .card {
    width: calc(25% - 40px);
    display: inline-block;
    position: relative;
    padding-bottom: 45px;
}

    .card-h3 .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card-h3 .card div:after {
            padding-top: 46.15556%;
            display: block;
            content: '';
        }

    .card-h3 .card img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

.card-h3 img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}*/

/*330-220*/
/*.card-h4 .card {
    width: calc(20% - 40px);
    display: inline-block;
    position: relative;
    padding-bottom: 45px;
}

    .card-h4 .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card-h4 .card div:after {
            padding-top: 65%;
            display: block;
            content: '';
        }

    .card-h4 .card img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

.card-h4 img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}*/

/*585-220*/
/*.card-h5 .card {
    width: calc(100% - 40px);
    display: inline-block;
    position: relative;
}

    .card-h5 .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card-h5 .card div:after {
            padding-top: 40.367%;
            display: block;
            content: '';
        }

    .card-h5 .card img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

.card-h5 img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}*/

/*450-350*/
/*.card-h6 .card {
    width: calc(100% - 40px);
    display: inline-block;
    position: relative;
}

    .card-h6 .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card-h6 .card div:after {
            padding-top: 77.56%;
            display: block;
            content: '';
        }

    .card-h6 .card img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

.card-h6 img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}*/

/*585-220*/
/*.card-h7 .card {
    width: calc(50% - 40px);
    display: inline-block;
    position: relative;
}

    .card-h7 .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card-h7 .card div:after {
            padding-top: 40.367%;
            display: block;
            content: '';
        }

    .card-h7 .card img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

.card-h7 img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}*/

/*330-220*/
/*.card-h8 .card {
    width: calc(100% - 40px);
    display: inline-block;
    position: relative;
}

    .card-h8 .card div {
        width: 100%;
        display: inline-block;
        position: relative;
    }

        .card-h8 .card div:after {
            padding-top: 52.388%;
            display: block;
            content: '';
        }

    .card-h8 .card img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

.card-h8 img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}*/

/*.main-news .card-h6 .card {
    max-width: 900px;
    text-align: left;
    background: white;
    border: 1px solid white;
}

    .main-news .card-h6 .card a {
        max-width: 900px;
        display: block;
        max-height: 350px;
        overflow: hidden;
        width: 100%;
    }

    .main-news .card-h6 .card div {
        max-width: 450px;
    }

    .main-news .card-h6 .card .card-title {
        max-width: 450px;
        padding: 15px;
        top: 20px;
        left: 50%;
        font-size: 22px;
    }

    .main-news .card-h6 .card .card-sub-title {
        font-size: 18px;
        top: 20px;
        position: relative;
    }*/

/*453-220*/
/*.partners.second .card {
    width: calc(33.33% - 40px);
}

.partners .card-title {
    text-align: center;
}

.partners .card-source {
    display: none;
}

.partners .card-date {
    display: none;
}

.partners .rotator .card:first-of-type {
    margin-left: 20px;
}

.partners .rotator .card:last-of-type {
    margin-right: 20px;
}*/

.match-history {
    overflow: visible;
    width: max-content;
}

a.match {
    border-radius:5px;
    color:white;
    text-decoration:none;
}
a.match:hover {
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid white;
    background:#ffffff18;
}

.match {
    display: inline-block;
    vertical-align: top;
    padding: 5px 5px;
}

.match-time {
    display: block;
    width: 279px;
    vertical-align: top;
    padding: 5px 0px 5px 00px;
    text-align: center;
    font-weight: normal;
    text-align: center;
}

.match-teams {
    display: inline-block;
    width: 279px;
}
.match-uni-bg  {
    border:0;
}
.match-uni-bg b {
    color: #e3e3e3;
    text-shadow: 0px 0px 3px black;
}

.match-team {
    margin: 2px;
    width: 275px;
    display: inline-block;
    line-height: 46px;
    height: 46px;
}

    .match-team .btn {
        line-height: 32px;
        height: 100%;
        vertical-align: top;
    }

.match-team-logo {
    background: white;
    width: 50px;
    padding: 2px 10px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.1);
    vertical-align: top;
    height: 46px;
    line-height: 38px;
}

    .match-team-logo img {
        width: 100%;
        border: none;
    }

.match-team-title {
    display: inline-block;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    width: 150px;
    vertical-align: top;
    background: lightgrey;
    padding: 0px 20px;
    box-shadow: 6px 0 4px -6px rgba(0,0,0,0.7);
    position: relative;
    color: #e3e3e3;
    text-shadow: 0px 0px 3px black;
}

.match-team-score {
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    background: rgba(0,0,0,0.1);
    text-align: center;
    width: 75px;
    height: 46px;
}

.match-team-1 {
}

    .match-team-1 .match-team-title {
    }

    .match-team-1 .match-team-score {
    }

.match-team-2 {
}

    .match-team-2 .match-team-title {
    }

    .match-team-2 .match-team-score {
    }


.competitions {
}

.competition {
}

.competitions .content h1 {
    color: black;
}

.competitions .content .competition-header h1 {
    margin: 0px;
}

.competitions .content h2 {
    color: black;
    margin: 0px;
}

.competitions .content span, .competitions .content p, .competitions .content div {
}

.activities .collapse {
    max-height: 600px;
    overflow-y: scroll;
    /*padding: 0px 20px;*/
    background: #f9f9f9;
    /*box-shadow: rgb(193, 193, 193) 1px 1px 5px 1px inset, rgb(193, 193, 193) -1px -1px 5px 1px inset;
    border-radius: 5px;*/
}
/*.ucea .competitions { font-family: Oswald; background: #d5fbff; }
.ucea .competitions .content span, .ucea .competitions .content p, .ucea .competitions .content div { font-family: Oswald; }
.ucea .competitions .competition .col-sm-6:nth-child(2) { border-left: 3px solid #7bd5e3; }*/
/*.cel .competitions { font-family: Oswald; background: white; }
.cel .competitions .content span, .cel .competitions .content p, .cel .competitions .content div { font-family: Oswald; }
.cel .competitions .competition .col-sm-6:nth-child(2) { border-left: 3px solid #32689b; }*/

.competition-info {
    margin-top: 5px;
}
/*.ucea .competition-info { border-top: 1px solid #7bd5e3; border-bottom: 1px solid #32689b; }*/
/*.cel .competition-info { border-top: 1px solid #031326; border-bottom: 1px solid #031326; }*/

.cel .content .fixed-getstarted-leaguepass {
    position: fixed;
    bottom: 0px;
    height: 75px;
    background-color: rgb(51, 122, 183);
    left: 0px;
    right: 0px;
    z-index: 1000;
    padding: 10px;
}

    .cel .content .fixed-getstarted-leaguepass h1 {
        font-weight: bold;
        color: white;
        font-family: auto;
        font-size: 30px;
        display: inline-block;
        margin: 10px;
        text-align: left;
    }

    .cel .content .fixed-getstarted-leaguepass .btn {
        width: 250px;
        margin: 5px 10px;
        float: right;
    }

@media (max-width: 768px) {
    .competitions .content .competition-header h1 {
        margin-top: 0px;
        font-size: 22px;
        margin-bottom: 3px;
    }

    .competitions .content .competition-header h2 {
        font-size: 16px;
        margin: 3px 0px;
    }

    .competitions .content .competition-header p {
        font-size: 14px;
        margin: 3px 0px;
    }

    /*.cel .competitions .competition .col-sm-6:nth-child(2) { border-left:none; border-top: 3px solid #32689b; }*/
    /*.ucea .competitions .competition .col-sm-6:nth-child(2) { border-left:none; border-top: 3px solid #7bd5e3; }*/

    .cel .content .fixed-getstarted-leaguepass h1 {
        width: 50%;
        font-size: 17px;
    }

    .cel .content .fixed-getstarted-leaguepass .btn {
        width: 30%;
        min-width: 125px;
    }
}

/*1440-420*/
/*.news .card {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-bottom: 65px;
}

    .news .card:after {
        padding-top: 32.25%;
        display: block;
        content: '';
    }

    .news .card a {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }*/

.news img {
    display: block;
    max-width: 100%;
    max-height: 420px;
    width: 100%;
    height: auto;
}

.window {
    display: none;
    position: fixed;
    width: 400px;
    height: auto;
    top: 110px;
    left: 0;
    right: 0;
    margin: auto;
    background: #FFF;
    border: 1px solid black;
    z-index: 1000;
}

.window-content {
}

.window-close {
    position: absolute;
    right: -15px;
    top: -15px;
}

.window iframe {
    border: none;
    width: 100%;
    height: auto;
}

select.list-action {
    height: 38px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 24px;
    min-width: 350px;
}


.btn-unified {
    width: 175px;
    height: 50px;
    padding: 5px;
    line-height: 40px;
    color: white;
    background: url('/media/svg/Unified-Buttons-02.svg');
}

    .btn-unified.button1 {
        background: url('/media/svg/Unified-Buttons-01.svg');
    }

    .btn-unified.button2 {
        background: url('/media/svg/Unified-Buttons-02.svg');
    }

    .btn-unified.button3 {
        background: url('/media/svg/Unified-Buttons-03.svg');
    }

    .btn-unified.button4 {
        background: url('/media/svg/Unified - Buttons-04.svg');
    }

    .btn-unified.button5 {
        background: url('/media/svg/Unified - Buttons-05.svg');
    }

    .btn-unified.button6 {
        background: #031326;
        padding: 0px;
        margin: 0px;
        border: 0;
        overflow: hidden;
        position: relative;
        line-height: 50px;
    }

        .btn-unified.button6 svg {
            fill: #31FF8E;
            position: absolute;
            left: 0px;
            top: 0px;
            transition: left ease-in-out .5s,opacity ease-in-out .5s;
            opacity: .25;
        }

    .btn-unified.button7 {
        background: #b35cff;
        padding: 0px;
        margin: 0px;
        border: 0;
        overflow: hidden;
        position: relative;
        line-height: 50px;
    }

        .btn-unified.button7 svg {
            fill: #c27dff;
            position: absolute;
            left: 0px;
            top: 0px;
            transition: left ease-in-out .5s,fill ease-in-out .5s,opacity ease-in-out .5s;
            opacity: .25;
        }

    .btn-unified:hover {
        background: url('/media/svg/Unified-Buttons-01.svg');
    }

    .btn-unified.button6:hover, .btn-unified.button6:focus {
        background: #031326;
        color: white;
    }

        .btn-unified.button6:hover svg, .btn-unified.button6:focus svg {
            left: 125px;
            opacity: .7;
        }

    .btn-unified.button7:hover, .btn-unified.button7:focus {
        background: #b35cff;
        color: white;
    }

        .btn-unified.button7:hover svg, .btn-unified.button7:focus svg {
            left: 125px;
            fill: #fff;
            opacity: .7;
        }

    .btn-unified.btn-sm {
        width: 125px;
        height: 40px;
        line-height: 40px;
    }

.unified-bar {
    padding: 0px;
    height: 150px;
    line-height: 150px;
    background: #031326;
    position: relative;
}

    .unified-bar .unified-bar-svg {
        height: 283%;
        position: absolute;
        z-index: 0;
    }

    .unified-bar .content {
        background: none;
        color: white;
        z-index: 1;
        height: 100%;
        text-align: center;
        position: relative;
    }

    .unified-bar h1 {
        display: inline-block;
        color: white;
        margin: 0px;
    }

    .unified-bar .btn-group {
        position: absolute;
        right: 30px;
        top: 50px;
    }

.cheveron-collapsible {
    position: relative;
    border-radius: 4px;
    padding: 10px 20px;
    margin-bottom: 20px;
    background: #031326;
    color: white;
    min-height: 60px;
}

    .cheveron-collapsible h1 {
        margin: 0px;
        color: white;
    }

    .cheveron-collapsible svg {
        transition-duration: 0.8s;
        transition-property: transform;
        position: absolute;
        top: 5px;
        right: 20px;
    }

    .cheveron-collapsible:hover {
        cursor: pointer;
        box-shadow: 1px 3px 1px rgba(0,0,0,.4);
    }

        .cheveron-collapsible:hover h1 {
            text-decoration: underline;
        }

        .cheveron-collapsible:hover svg {
            top: 4px;
            filter: drop-shadow(1px -2px 1px rgba(255, 255, 255, 0.6));
        }

    .cheveron-collapsible.rotated svg {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .cheveron-collapsible.rotated:hover svg {
        cursor: pointer;
        filter: drop-shadow(1px -2px 1px rgba(255, 255, 255, 0.6));
        top: 4px;
    }

.event-gradient {
    position: relative;
    background-color: #031326;
    /*background-image: -moz-linear-gradient(top, #031326, rgba(3, 19, 38, 0.50), rgba(3, 19, 38, 0.50), rgba(3, 19, 38, 0.50)), url("/Media/events-home-details-header-2.jpg");
    background-image: -o-linear-gradient(top, #031326, rgba(3, 19, 38, 0.50), rgba(3, 19, 38, 0.50), rgba(3, 19, 38, 0.50)), url("/Media/events-home-details-header-2.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, from(#031326), to(rgba(3, 19, 38, 0.50)), to(rgba(3, 19, 38, 0.50)), to(rgba(3, 19, 38, 0.50))), url("/media/events-home-details-header-2.jpg");
    background-image: -webkit-linear-gradient(top, #031326, rgba(3, 19, 38, 0.50), rgba(3, 19, 38, 0.50), rgba(3, 19, 38, 0.50)), url("/Media/events-home-details-header-2.jpg");
    background-image: linear-gradient(to bottom, #031326, rgba(3, 19, 38, 0.50), rgba(3, 19, 38, 0.50), rgba(3, 19, 38, 0.50)), url("/Media/events-home-details-header-2.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: space;*/
}

.event-logo {
    width: 100%;
    height: auto;
    max-width: 400px;
    display: inline-block;
}

.unified-page {
    position: relative;
}

    .unified-page h1 {
        color: #00A99D;
        display: inline-block;
        position: relative;
        z-index: 15;
        padding-right: 20px;
        text-transform: uppercase;
    }
    /*.unified-page h1 { margin-bottom:20px;z-index:1000;margin-top:0px;font-size:56px;line-height:58px;text-transform:uppercase; text-align:center; }*/
    .unified-page hr {
        border-color: #00A99D;
    }

    .unified-page h1 + hr {
        position: absolute;
        top: 0px;
        width: calc(100% - 30px);
        z-index: 10;
        margin-left: 0px;
        margin-right: 0px;
    }

    .unified-page h2 {
        margin-bottom: 15px;
        z-index: 1000;
        margin-top: 10px;
        font-size: 36px;
        line-height: 42px;
        text-transform: uppercase;
        text-align: center;
    }

    .unified-page ul {
    }

        .unified-page ul li {
            line-height: 30px;
            font-size: 21px;
        }

    .unified-page a:not(.btn) {
        color: #00A99D;
    }

    .unified-page p {
        line-height: 30px;
        font-size: 21px;
    }

    .unified-page .button7 {
        margin-right: 10px;
    }

    .unified-page .btn {
        text-transform: uppercase;
        font-weight: bold;
    }

    .unified-page .cheveron {
    }

    .unified-page .img {
        width: 90%;
        height: auto;
        margin: 5%;
    }

    .unified-page .img-dropshadow {
        box-shadow: 10px 10px #00a99d;
    }

    .unified-page .img-dropshadow-left {
        box-shadow: -10px 10px #00a99d;
    }

    .unified-page .hover-dropshadow:hover {
        box-shadow: 2px 2px #00a99d;
    }

    .unified-page .hover-dropshadow-left:hover {
        box-shadow: -2px 2px #00a99d;
    }

    .unified-page .img-dropshadow-purple {
        box-shadow: 10px 10px #b35cff;
    }

    .unified-page .img-dropshadow-left-purple {
        box-shadow: -10px 10px #b35cff;
    }

    .unified-page .hover-dropshadow-purple:hover {
        box-shadow: 2px 2px #b35cff;
    }

    .unified-page .hover-dropshadow-left-purple:hover {
        box-shadow: -2px 2px #b35cff;
    }


    .unified-page .competition-box {
        text-align: left;
    }

        .unified-page .competition-box h1 {
            font-size: 18px;
            line-height: 18px;
            text-align: left;
            font-weight: bold;
            margin: 12px 0px;
            color: #031326;
        }

        .unified-page .competition-box h2 {
            font-size: 16px;
            line-height: 16px;
            text-align: left;
            margin: 5px 0px;
        }

        .unified-page .competition-box h3 {
            font-size: 14px;
            line-height: 14px;
            text-align: left;
        }

        .unified-page .competition-box p {
            font-size: 14px;
            line-height: 14px;
            text-align: left;
            font-weight: bold;
            color: #00A99D;
        }

    .unified-page .event-box {
    }

        .unified-page .event-box h1 {
            font-weight: bold;
            margin: 12px 0px;
            color: #031326;
        }

        .unified-page .event-box h2 {
            margin: 5px 0px;
        }

        .unified-page .event-box h3 {
            min-height: 55px;
        }

        .unified-page .event-box h4 {
            color: #031326;
        }

            .unified-page .event-box h4 + h4 {
                min-height: 40px;
            }

        .unified-page .event-box p {
            font-weight: bold;
            color: #00A99D;
        }

div.action-row {
    border: 1px solid #ccc;
    text-decoration: none;
}
    div.action-row[data-url]:hover {
        border: 1px solid #337ab7 !important;
        cursor: pointer;
    }
    div.action-row a {
        text-decoration: none;
    }
        div.action-row .h5:hover, div.action-row a.h6:hover {
            text-decoration: underline;
        }
    div.action-row .button6:hover {
        background: #337ab7;
        color: white;
        text-decoration: underline;
    }
    div.action-row .button7:hover {
        background: #c27dff;
        color: white;
        text-decoration: underline;
    }


.mec .mec-team img.img {
    width: 200px;
    max-width: 90%;
}

.mec .mec-team a {
    color: #4e4e4e;
}

    .mec .mec-team a:hover {
        color: #4e4e4e;
    }

.hero-rentals::before {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background-color: rgba(3, 19, 38, 0.75); /* Black overlay with 50% transparency */
    pointer-events: none; /* Ensure the overlay doesn't interfere with any interactions */
    z-index: -1;
}

.hero-rentals {
    background-color: #031326;
   /* background-image: url('/media/services-rentals.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;*/
    z-index: 0;
    position: relative;
}

.img-option, .img-option-2 {
    /* transition: box-shadow ease-in-out 0.5s; */
    /* max-width: 400px; */
    border-top: #031326 2px solid;
    border-bottom: #031326 2px solid;
}

/* .img-option:hover {
                    box-shadow: #00a99d 0px 104px 0px;
                } */

.img-option-2 {
    /* box-shadow: #c27dff 0px 4px 0px; */
}
/*
                .img-option-2:hover {
                    box-shadow: #b35cff 0px 104px 0px;
                } */

.team-roster {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.other-profile {
    /* background-color: #CFF2DF; */
    padding: 10px;
    position: relative;
}

    .other-profile h2 {
        padding-top: 20px;
        margin-bottom: 20px;
        text-shadow: #dddddd 1px 1px 1px;
    }

    .other-profile > div {
        background: radial-gradient(circle at top center, #eeeeeec7, #eee0), linear-gradient(to right, #adffd2, #00a99d, #adffd2);
        border-radius: 4px;
        overflow: hidden;
    }

        .other-profile > div > div {
            padding: 20px;
        }

    .other-profile img {
        width: 100%;
        max-height: 250px;
        object-fit: cover;
        object-position: center;
        border-top: #adffd2 2px solid;
        border-bottom: #adffd2 2px solid;
    }

.item-profile {
    padding: 10px;
    text-align: center;
}

    .item-profile > div {
        border-radius: 4px;
        color: white;
        background-image: radial-gradient(circle at top center, #eeeeee26, #eee0), linear-gradient(to right, #031326, #1c2a3c, #031326);
        overflow: hidden;
    }

        /*.item-profile > div > div {
            padding: 20px;
        }*/

    .item-profile div.bg-light {
        /* margin-bottom: 10px; */
        text-shadow: none;
        color: #031326;
        background: #cdd0d4 !important;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .item-profile img {
        width: 100%;
        max-height: 250px;
        object-fit: cover;
        object-position: center;
        border-top: #031326 2px solid;
        border-bottom: #031326 2px solid;
    }

    .item-profile h2 {
        padding-top: 20px;
        margin-bottom: 20px;
        text-shadow: #333333 2px 2px 1px;
    }

    .item-profile a.btn-unified {
        margin: 25px;
    }
/*
    .item-profile hr {
        margin: 10px 10px 20px 10px;
    }
*/
    .item-profile p {
    }
/*
    .item-profile ul {
        width: auto;
        display: inline-block;
        text-align: left;
    }*/

.bg-light {
    background-color: #cdd0d4 !important;
}


.navbar.navbar-dark.bg-dark {
    background: radial-gradient(circle at 25% 0%, #eeeeee26, #eee0), linear-gradient(to right, #031326, #1c2a3c, #031326);
}

.bg-radial-unified {
    background: radial-gradient(circle at top right, #eeeeeec7, #eee0), linear-gradient(to right, #adffd2, #00a99d, #adffd2)
}

.table-container {  position:relative; margin-bottom:20px; }
.table { margin:0; }
.table td, .table th { white-space: nowrap; }
.table div.row { }
.table div.row > label.col-sm-2 { display:none; }
.table div.row > div.col-sm-10 { width: 100% !important; }
.table tr {   }
    /*.table th:first-child, .table td:first-child {
        position: sticky;
        left: 0px;
    }*/
    .table th:last-child, .table td:last-child {
        /*position: sticky;*/
        right: 0px;
    }
.table .dropdown-menu { z-index:2000; }
td.td-story { white-space: normal; }


.progress-container {
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    text-align: center;
    position: relative;
}

.progress {
    position: relative;
}

.level-up-effect {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    /* background-color: darkblue; */
    opacity: 0;
    rotate: 270deg;
}

   @keyframes slideEffect {
    0% {
        left: 0;
        opacity: 1;
        width: 20px;
    }

    100% {
        left: 100%;
        opacity: 1;
        width: 20px;
    }
}

.trophy-list, .level-rewards {
    /*background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);*/
    color: white;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    font-family: 'Arial', sans-serif;
}

    .trophy-list ul {
        /*max-height:200px;
        overflow-y:scroll;*/
    }

    .trophy-list ul, .level-rewards ul {
        list-style-type: none;
        padding: 0;
    }
    .trophy-list li {
        display: flex;
        justify-content: space-between;
    }
    .trophy-list li, .level-rewards li {
        align-items: center;
        background: rgba(255, 255, 255, 0.2);
        padding: 12px;
        margin-bottom: 6px;
        border-radius: 10px;
        font-weight: bold;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
        display: flex;
        justify-content: space-between;
    }

.xp-value {
    font-weight: bold;
    color: green;
}

.level-rewards h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 2px solid white;
    padding-bottom: 10px;
}

.dynamic-dropdown-container {
    position: relative;
}

    .dynamic-dropdown-container::after {
        color:black;
        content: '▼';
        position: absolute;
        top: 50%;
        left: 5px;
        transform: translateY(-50%);
        pointer-events: none;
        z-index: 1000;
    }

@media(max-width:1200px) {
    .unified-page h1 {
        font-size: 4.5vw;
        line-height: 5vw;
    }

    .unified-page h2 {
        font-size: 2.5vw;
        line-height: 3vw;
    }

    .unified-page p {
        font-size: 1.7vw;
        line-height: 2.4vw;
    }

    .unified-page ul li {
        font-size: 1.7vw;
        line-height: 2.4vw;
    }

    .unified-page hr {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media(max-width:768px) {
    .unified-page h1 {
        font-size: 10vw;
        line-height: 12vw;
        text-align: center;
    }

    .unified-page h2 {
        font-size: 6vw;
        line-height: 7vw;
    }

    .unified-page p {
        font-size: 4vw;
        line-height: 5vw;
    }

    .unified-page ul li {
        font-size: 4vw;
        line-height: 5vw;
    }

    .unified-page hr {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .item-profile img {
        max-height: 150px;
    }

    .item-profile .col-md-6.border-end {
        border-right: none !important;
    }
/*

    .rotator .card {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 20px;
    }

    .news .card {
        padding-bottom: 80px;
    }

    .rotator .card:first-of-type {
        display: inline-block;
    }
*/
    .btn-pager.tiny {
        display: block;
    }

    .btn-pager:not(.tiny) {
        display: none;
    }

    .main-footer span {
        display: none;
    }

    .header-content a.menu {
        margin-left: 0;
    }

    .content {
        padding: 0px 10px;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        margin-left: 0px;
    }

    /*.spiner-main-inline-other .spiner .card {
        left: -100px;
        width: calc(100% + 200px);
    }

        .spiner-main-inline-other .spiner .card .card-title {
            font-size: 3.3vw;
            right: 18.5%;
        }

        .spiner-main-inline-other .spiner .card .card-sub-title {
            font-size: 1.7vw;
            line-height: 3vw;
            margin-top: 5px;
        }

    .card-h5 .card {
        width: calc(100% - 40px);
    }

    .card-h3 .card {
        width: calc(50% - 40px);
        text-align: center;
        padding: 0px;
    }

        .card-h3 .card img {
            max-width: 250px;
            height: auto;
            width: auto;
            margin: auto;
        }

        .card-h3 .card div:after {
            padding-top: 40.367%;
        }

    .main-news .card-h6 .card .card-title {
        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px 0px 20px;
    }

    .main-news .card-h6 .card .card-sub-title {
        display: none;
    }*/

    .card-body {background-color: rgba(0, 0, 0, .03);border-top: 1px solid rgba(0, 0, 0, .125);}

    .unified-bar {
        height: 80px;
        line-height: 80px;
    }

        .unified-bar svg {
        }

        .unified-bar .content {
            text-align: left;
        }

        .unified-bar h1 {
            line-height: 80px;
            padding-left: 20%;
            font-size: 26px;
        }

        .unified-bar .btn-group {
            top: 15px;
            right: 10px;
        }

    .cheveron-collapsible h1 {
        font-size: 4.5vw;
        line-height: 36px;
    }
}

@media (min-width: 768px) {
    .btn-pager.tiny {
        display: none;
    }

    .btn-pager:not(.tiny) {
        display: block;
    }

    .sm-fixed {
        position: fixed;
    }
}

/* UserFollow Widget Styles */
.following-btn:hover .follow-icon {
    display: none !important;
}

.following-btn:hover .unfollow-icon {
    display: inline !important;
}

.following-btn:hover .follow-text {
    color: #dc3545 !important;
}

.following-btn:hover {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}