@import "style_1.css";

@font-face {
    font-family: noto sans sc;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Noto Sans SC Regular'), local('NotoSansSC-Regular'), url(https://fonts.gstatic.com/s/notosanssc/v11/k3kXo84MPvpLmixcA63oeALhLw.otf) format('opentype')
}

@font-face {
    font-family: noto sans sc;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Noto Sans SC Medium'), local('NotoSansSC-Medium'), url(https://fonts.gstatic.com/s/notosanssc/v11/k3kIo84MPvpLmixcA63oeALZ3aGt9w.otf) format('opentype')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype')
}

@font-face {
    font-family: poppins;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(/static/home/fonts/pxibyp8kv8jhgfvrlgt9v1s.ttf) format('truetype')
}

:root {
    --main-red-color: #d91d22;
    --main-black-color: #000;
    --main-black-dark: #131329;
    --main-black-lighter: #848689;
    --main-white-color: #fff;
    --main-white-95: rgba(255, 255, 255, .95)
}

body {
    font-family: noto sans sc, sans-serif;
    line-height: 1.5
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 500;
    font-family: noto sans sc, sans-serif;
    letter-spacing: normal
}

.container-fluid {
    max-width: 760px;
    padding-left: 16px;
    padding-right: 16px
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 16px;
    padding-left: 16px
}

.d-flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

@media screen and (min-width: 1200px) {
    .container-fluid {
        max-width: 2560px
    }

    #content, #content.home {
        padding: 32px 32px 132px
    }

    #content .col-left {
        box-sizing: content-box;
        padding-right: 24px;
        flex: 0 0 278px;
        max-width: 278px
    }

    #content .col-right {
        flex: 1;
        max-width: 80%;
        margin: 0 auto
    }
}

@media screen and (min-width: 2560px) {
    #content .col-right > .row:last-of-type > div {
        flex: 1;
        max-width: calc(100% - 437px);
        padding-right: 86px
    }

    #content .col-right > .row:last-of-type > aside {
        width: 477px;
        max-width: 477px
    }

    #content.home .col-right > .row:last-of-type > div {
        padding-right: 110px
    }

    #content.home .col-right > .row:last-of-type > aside {
        position: absolute;
        top: 0;
        right: 0
    }
}

@media screen and (max-width: 1119px) {
    #content > .row {
        margin-left: 0;
        margin-right: 0
    }
}

.navigation.pagination {
    margin-top: 24px
}

.em-pagination {
    grid-column: 1/span 2;
    justify-self: center;
    margin-top: 56px
}

.em-pagination a.next, .em-pagination a.prev {
    position: relative;
    color: var(--main-white-color) !important
}

.page-numbers:hover, .page-numbers:focus, .page-numbers.current, .page-numbers.current:hover, .page-numbers.current:focus {
    background: #fff !important;
    color: var(--main-red-color) !important
}

span.page-numbers, a.page-numbers {
    font-size: 18px;
    font-weight: 500;
    box-shadow: none !important;
    color: var(--main-black-dark);
    margin: 0 16px !important;
    line-height: 1.5;
    width: auto !important;
    height: auto !important
}

a.next::before, a.prev::before {
    content: ""
}

a.next, a.prev {
    font-size: 20px;
    margin-top: -2px;
    color: var(--main-red-color) !important
}

a.next {
    margin-left: 8px !important
}

a.prev {
    margin-right: 8px !important
}

a.next .fa-angle-right:before, a.prev .fa-angle-left:before, .em-pagination a.next::before, .em-pagination a.prev::before, a.em-calnav-prev::before, a.em-calnav-next::after {
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url('/static/home/images/icon-arrow-circle-o-right.png') no-repeat scroll center/contain
}

.em-pagination a.prev::before, a.em-calnav-prev::before {
    background-image: url(/static/home/images/icon-arrow-circle-o-left.png)
}

a.next .fa-angle-right:before, a.prev .fa-angle-left:before {
    top: 0;
    width: 40px;
    height: 40px;
    background-image: url(/static/home/images/icon-dooprime-next.png)
}

a.prev .fa-angle-left:before {
    background-image: url(/static/home/images/icon-dooprime-prev.png)
}

.em-pagination a.next:hover::before, .em-pagination a.prev:hover::before, a.em-calnav-prev:hover::before, a.em-calnav-next:hover::after {
    background: url(/static/home/images/icon-arrow-circle-o-right-dark-bg.png) no-repeat scroll center/164%
}

.em-pagination a.prev:hover::before, a.em-calnav-prev:hover::before {
    background-image: url(/static/home/images/icon-arrow-circle-o-left-dark-bg.png)
}

.em-pagination a.next::before, .em-pagination a.prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.nav-links {
    margin: 0 auto
}

.topnav {
    font-size: 12px;
    color: var(--main-white-95);
    background-color: #000018;
    padding: 7px 0 9px
}

.topnav > div {
    padding-left: 32px;
    padding-right: 32px
}

.topnav-menu li:not(:last-child) > a {
    position: relative;
    margin-right: 16px;
    padding-right: 16px
}

.topnav-menu li:not(:last-child) > a::after {
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    top: 1px;
    left: 100%;
    background-color: var(--main-white-95)
}

.topnav-menu a, .topnav-menu a:visited {
    color: var(--main-white-95)
}

.topnav-menu li.current_page_item > a, .topnav-menu a:hover, .topnav-menu a:active {
    color: var(--main-red-color);
    text-decoration: underline
}

.topnav-lang::after {
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    height: 12px
}

.topnav-lang .dropdown-toggle {
    padding: 0 2px 0 8px
}

.topnav-lang .dropdown-toggle::after {
    display: none
}

.topnav-lang:hover .dropdown-menu {
    display: block
}

.topnav-lang .dropdown-menu {
    padding: 8px 0;
    box-shadow: 0 2px 4px 0 rgba(25, 25, 25, .5);
    background-color: var(--main-white-color);
    border-radius: 0;
    min-width: 129px;
    top: calc(100% + 6px);
    right: 0;
    left: auto
}

.topnav-lang .dropdown-item {
    position: relative;
    font-size: 14px;
    color: var(--main-black-dark);
    padding: 10px 20px
}

.topnav-lang .dropdown-item::before {
    content: "";
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    transform: translate(-100%, 0);
    background: transparent url("/static/home/images/icon-common-arrow-right.svg") no-repeat scroll center/contain
}

.topnav-lang .dropdown-item.active, .topnav-lang .dropdown-item:hover {
    color: var(--main-red-color);
    background-color: rgba(19, 19, 41, .03);
    padding-left: 20px !important
}

.topnav-lang .dropdown-item.active::before, .topnav-lang .dropdown-item:hover::before {
    display: block
}


.mg-breadcrumb-navxt {
    border-bottom: 2px solid #000018;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 1rem;
    margin-bottom: 24px
}

.mg-breadcrumb-navxt a {
    color: #00001a
}

.mg-breadcrumb-navxt a:hover {
    color: var(--main-red-color)
}

.mg-breadcrumb-navxt .current-item {
    color: rgba(0, 0, 24, .38)
}

@media screen and (min-width: 1200px) {
    .mg-breadcrumb-navxt {
        padding-top: 1rem
    }
}

.mg-blog-posts {
    margin-bottom: 40px
}

.mg-blog-catlink {
    align-self: flex-start
}

.mg-blog-catlink:hover {
    transition: all .3s ease
}

.mg-blog-catlink:hover {
    transform: translate(0, -3px)
}

.mg-blog-post .mg-blog-thumbnail > div {
    padding: 0
}

.mg-blog-post .mg-post-thumb {
    margin-bottom: 16px
}

.mg-blog-post .mg-blog-title {
    margin-bottom: 16px
}

.mg-blog-post .mg-blog-title a {
    font-size: 22px;
    line-height: 1.14;
    color: #12122f
}

.mg-blog-post:hover .mg-blog-title a {
    color: #d91d22
}

.mg-blog-post .mg-blog-excerpt {
    margin-bottom: 24px
}

.mg-blog-post .mg-blog-excerpt a {
    font-size: 14px;
    color: #070724
}

.mg-blog-post .mg-blog-meta {
    margin-bottom: 16px
}

.mg-blog-post .mg-blog-meta a, .mg-blog-post .mg-blog-meta a:hover {
    font-size: 14px;
    font-weight: 400;
    color: #090920
}

.mg-blog-post.feature {
    border-bottom: 1px solid rgba(0, 0, 24, .08);
    margin-bottom: 16px
}

.mg-blog-post.feature .mg-blog-title {
    margin-bottom: 8px
}

.mg-blog-post.list:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 24, .08);
    margin-bottom: 16px
}

.archive .mg-blog-title, .search .mg-blog-title {
    margin-bottom: 16px
}

.archive .mg-blog-title a, .search .mg-blog-title a {
    color: #00001a
}

.archive .mg-blog-excerpt a, .search .mg-blog-excerpt a {
    color: #131329
}

.archive .mg-blog-meta a, .search .mg-blog-meta a {
    color: rgba(9, 9, 32, .39)
}

@media screen and (min-width: 1200px) {
    #content.home .mg-blog-posts > div:first-of-type {
        padding-right: 24px
    }

    .mg-blog-post.feature {
        border: 0;
        margin-bottom: 0
    }

    .mg-blog-post.feature .mg-blog-meta {
        margin-bottom: 0
    }

    .archive .mg-blog-post, .search .mg-blog-post {
        display: flex;
        border-bottom: 1px solid rgba(0, 0, 24, .06);
        margin-bottom: 24px;
        padding-bottom: 24px
    }

    .archive .mg-blog-thumbnail, .search .mg-blog-thumbnail {
        flex: 0 0 43.7%;
        max-width: 43.7%;
        margin-right: 40px
    }

    .archive .mg-post-thumb, .search .mg-post-thumb {
        margin-bottom: 0
    }

    .archive .mg-blog-content, .search .mg-blog-content {
        flex: 1
    }

    .archive .mg-blog-title > a, .search .mg-blog-title > a {
        font-size: 28px
    }

    .archive .mg-blog-meta, .search .mg-blog-meta {
        margin-top: auto;
        margin-bottom: 0
    }
}

footer .overlay {
    padding: 0
}

footer h6 {
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, .95) !important;
    margin-bottom: 8px
}

footer p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px
}

footer a {
    font-size: 14px;
    font-weight: 400;
}

footer a:hover {
    color: var(--main-red-color) !important
}

@media screen and (min-width: 1200px) {
    .mg-footer-signup, .mg-footer-nav-area, .mg-footer-primary-menu, .mg-footer-doo-entities, .mg-footer-compliance-disclosure, .mg-footer-accordion, footer .mg-footer-copyright {
        padding-left: 246px !important;
        padding-right: 254px !important
    }
}

.mg-footer-signup {
    box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, .13);
    padding: 40px 0 48px
}

.mg-footer-signup li {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #131329
}

.mg-footer-signup .counter {
    font-family: Poppins, sans-serif;
    font-style: italic;
    font-size: 48px;
    font-weight: 500;
    color: #d91d22;
    line-height: 1
}

.mg-footer-signup .signup-link, .mg-footer-signup .demo-link {
    width: 222px;
    height: 55px;
    line-height: 55px;
    border: 1px solid var(--main-red-color);
    padding: 0 15px;
    background-color: var(--main-red-color);
    font-family: noto sans sc, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: var(--main-white-95)
}

.mg-footer-signup .demo-link {
    background-color: var(--main-white-color);
    color: var(--main-red-color)
}

@media screen and (min-width: 1200px) {
    .mg-footer-signup {
        padding: 0
    }

    .mg-footer-signup figure {
        margin-right: 32px
    }

    .mg-footer-signup ul li:not(:last-of-type) {
        margin-right: 16px
    }

    .mg-footer-signup .link-group {
        flex-direction: row;
        margin-left: auto
    }

    .mg-footer-signup .signup-link {
        margin-right: 8px
    }

    .mg-footer-signup .signup-link, .mg-footer-signup .demo-link {
        width: 152px;
        height: 45px;
        line-height: 45px
    }
}

@media screen and (min-width: 1500px) {
    .mg-footer-signup figure {
        margin-right: 111px
    }

    .mg-footer-signup ul li:not(:last-of-type) {
        margin-right: 72px
    }
}

@media screen and (min-width: 1700px) {
    .mg-footer-signup .signup-link, .mg-footer-signup .demo-link {
        width: 222px;
        height: 55px;
        line-height: 55px
    }
}

@media screen and (min-width: 1920px) {
    .mg-footer-signup ul li:not(:last-of-type) {
        flex-direction: row
    }

    .mg-footer-signup .counter {
        margin-right: 8px
    }
}

.mg-footer-nav-area {
    background-color: rgba(132, 134, 137, .08)
}

.mg-footer-nav-area .info-right {
    float: none;
    padding: 10px 0
}

.mg-footer-nav-area .info-right li {
    margin-right: 0
}

.mg-footer-nav-area .info-right li:not(:last-child)::after {
    content: '|';
    padding: 0 24px;
    color: rgba(255, 255, 255, .15)
}

.mg-footer-nav-area .info-right li > a {
    color: rgba(255, 255, 255, .55) !important
}

@media screen and (min-width: 1200px) {
    .mg-footer-nav-area .info-right {
        display: flex;
        flex-wrap: wrap
    }

    .mg-footer-nav-area .info-right li:nth-last-child(2)::after {
        display: none
    }

    .mg-footer-nav-area .info-right li > a {
        color: rgba(255, 255, 255, .55) !important
    }
}

@media screen and (min-width: 1480px) {
    .mg-footer-nav-area .info-right li:last-child {
        margin-left: auto
    }
}

.mg-footer-primary-menu {
    padding: 40px 0
}

.mg-footer-primary-menu .site-logo {
    margin-bottom: 32px
}

.mg-footer-primary-menu .mg-social .icon-soci {
    height: 24px;
    line-height: normal;
    width: 24px;
    border-radius: 0;
    background: transparent no-repeat scroll center/contain;
    margin-right: 7px
}

.mg-footer-primary-menu .mg-social .icon-soci.facebook {
    background-image: url(/static/home/images/other-logo-facebook.png)
}

.mg-footer-primary-menu .mg-social .icon-soci.instagram {
    background-image: url(/static/home/images/other-logo-ins.png)
}

.mg-footer-primary-menu .mg-social .icon-soci.linkedin {
    background-image: url(/static/home/images/other-logo-linkedin.png)
}

.mg-footer-primary-menu .mg-social .icon-soci.twitter {
    background-image: url(/static/home/images/other-logo-twitter.png)
}

.mg-footer-primary-menu .mg-social .icon-soci.youtube {
    background-image: url(/static/home/images/icon-share-youtube.png)
}

.mg-footer-primary-menu .mg-social .icon-soci.google-plus {
    background-image: url(/static/home/images/icon-share-google.png)
}

.mg-footer-primary-menu .mg-social .icon-soci.wechat {
    background-image: url(/static/home/images/other-logo-we-chat.png)
}

.mg-footer-primary-menu .mg-social .icon-soci.trustpilot {
    background-image: url(/static/home/images/icon-share-trustpilot.png)
}

.mg-footer-primary-menu .mg-social .icon-soci > a {
    display: block;
    height: 100%
}

.mg-footer-primary-menu .mg-social .icon-soci i {
    display: none
}

.mg-footer-primary-menu .widget_nav_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mg-footer-primary-menu .widget_nav_menu ul > li > a {
    display: inline-block;
    margin-bottom: 8px
}

.mg-footer-primary-menu .widget_nav_menu ul > li.menu-item-has-children > a, .mg-footer-primary-menu .widget_nav_menu ul > li.menu-item-has-children > a:hover {
    font-size: 12px;
    color: rgba(255, 255, 255, .37) !important
}

@media screen and (min-width: 768px) {
    .mg-footer-primary-menu .widget_nav_menu:nth-of-type(-n+3) {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 1200px) {
    .mg-footer-primary-menu .widget_nav_menu {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

.mg-footer-doo-entities .widget_text {
    margin-bottom: 32px
}

.mg-footer-doo-entities a {
    text-decoration: underline
}

.mg-footer-doo-entities #mg-footer-doo-entity-toggler {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, .95) !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 8px 0 12px;
    margin-bottom: 48px
}

.mg-footer-doo-entities #mg-footer-doo-entity-toggler ~ div {
    display: none
}

.mg-footer-doo-entities #mg-footer-doo-entity-toggler.active ~ div {
    display: flex
}

.mg-footer-compliance-disclosure .mg-widget {
    margin: 0;
    padding: 0
}

.mg-footer-compliance-disclosure .widget_text {
    border-top: 1px solid var(--main-white-color);
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.mg-footer-compliance-disclosure .widget_text h6, .mg-footer-compliance-disclosure .widget_text p {
    font-family: Poppins;
    font-size: 12px
}

.mg-footer-compliance-disclosure .widget_text h6 {
    font-weight: 600;
    font-style: italic;
    color: rgba(255, 255, 255, .95) !important;
    margin-top: 16px
}

.mg-footer-compliance-disclosure .widget_text p {
    color: #16a0ff !important;
    margin-bottom: 16px
}

.mg-footer-compliance-disclosure .widget_widget_accordions {
    border-bottom: 1px solid var(--main-white-color)
}

.mg-footer-compliance-disclosure .accordions-head, .mg-footer-compliance-disclosure .accordion-content {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15) !important;
    border-radius: 0
}

.mg-footer-compliance-disclosure .accordions-head-title {
    margin-left: 0 !important
}

.mg-footer-accordion .ahead {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    border-top: 1px solid rgba(255, 255, 255, .15);
    color: #fff;
    margin-bottom: 16px;
    padding-top: 16px
}

.mg-footer-accordion .ahead:hover {
    cursor: pointer;
    color: #d91d22
}

.mg-footer-accordion .ahead .icon {
    position: absolute;
    right: 0
}

.mg-footer-accordion .ahead.open .icon {
    transform: rotate(90deg)
}

.mg-footer-accordion .ahead.open + .abody {
    transition: all .2s ease-out;
    max-height: 600px
}

.mg-footer-accordion .abody {
    overflow: hidden;
    transition: all .2s ease-out;
    max-height: 0;
    height: auto;
    color: rgba(255, 255, 255, .37)
}

.mg-footer-accordion .abody p {
    margin-bottom: 8px
}

.mg-footer-accordion .abody p:last-of-type {
    margin-bottom: 16px
}

footer .mg-footer-copyright {
    background: rgba(132, 134, 137, .08) !important;
    padding: 0
}

footer .mg-footer-copyright p {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .95) !important;
    text-align: center;
    margin: 10px 0
}

footer .mg-footer-copyright .site-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.mg-sidebar .mg-widget {
    border: 0;
    padding: 0;
    margin-bottom: 48px
}

.mg-sidebar .mg-wid-title {
    border-bottom: 2px solid #000018;
    margin: 0 0 16px;
    padding: 0 0 24px
}

.mg-sidebar .mg-wid-title h6 {
    font-size: 28px;
    line-height: 1.14;
    height: auto;
    font-weight: 500;
    color: #00001c !important;
    background-color: transparent !important;
    text-transform: uppercase;
    padding: 0
}

.mg-sidebar .mg-wid-title h6::before {
    display: none
}

.mg-sidebar .mg-wid-title h6::after {
    content: "";
    width: 202px;
    height: 22px;
    position: absolute;
    left: 0;
    top: calc(100% + -12px);
    background-image: url(/static/home/images/icon-brand-elements.png)
}

.mg-sidebar a:hover {
    color: inherit;
    padding-left: 0 !important
}

@media screen and (min-width: 1200px) {
    .row > aside {
        padding-left: 24px
    }
}

.mg-sidebar .widget_em_calendar {
    position: relative
}

.mg-sidebar .widget_em_calendar .month_name {
    padding: 0 8px
}

.mg-sidebar .widget_em_calendar div.em-calendar-wrapper {
    position: static;
    border-bottom: 2px solid #000018
}

.mg-sidebar .widget_em_calendar .em-calendar > ul {
    display: flex;
    flex-direction: column-reverse
}

.mg-sidebar .widget_em_calendar .event-item {
    border: 0;
    margin: 0 0 32px;
    padding: 0
}

.mg-sidebar .widget_em_calendar .em-calinks {
    position: absolute;
    top: 8px;
    right: 0
}

.mg-sidebar .widget_em_calendar .event-day {
    font-size: 36px;
    font-weight: 500;
    color: #131329;
    line-height: 36px;
    margin-bottom: 8px
}

.mg-sidebar .widget_em_calendar .event-month {
    font-size: 18px;
    font-weight: 500;
    color: #131329;
    text-align: right
}

.mg-sidebar .widget_em_calendar .event-link {
    font-size: 16px;
    font-weight: 700;
    color: #000018;
    border-bottom: 1px dashed var(--main-red-color);
    margin-bottom: 16px;
    padding: 8px 0 16px
}

.mg-sidebar .widget_em_calendar .event-datetime, .mg-sidebar .widget_em_calendar .event-location {
    font-size: 14px;
    color: var(--main-black-dark)
}

.mg-sidebar .widget_em_calendar .event-item:hover .event-link {
    color: #d91d22
}

.mg-sidebar .posts-in-sidebar li {
    font-size: 14px;
    color: #090920;
    margin: 0 0 1rem !important;
    padding: 0 0 1rem !important;
    border-bottom: 1px solid rgba(0, 0, 24, .06)
}

.mg-sidebar .posts-in-sidebar li:last-child {
    margin: 0;
    border-bottom: 2px solid #000018 !important
}

.mg-sidebar .posts-in-sidebar .pis-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem
}

.mg-sidebar .posts-in-sidebar .pis-title-link {
    color: #090920
}

.mg-sidebar .posts-in-sidebar li:hover .pis-title-link {
    color: #d91d22
}

.mg-sidebar .posts-in-sidebar .pis-utility {
    margin: 0
}

.mg-home-banner-widget-area {
    margin-bottom: 32px
}

.home .mg-blog-category a {
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    color: #01001f;
    background: 0 0;
    text-decoration: none !important;
    margin: 0 0 22px;
    padding: 0;
    position: relative;
    text-transform: uppercase
}

.home .mg-blog-category a::after {
    content: "";
    width: 202px;
    height: 22px;
    position: absolute;
    left: 0;
    top: calc(100% + -12px);
    background-image: url(/static/home/images/icon-brand-elements.png)
}

.home .mg-blog-category a:hover {
    color: var(--main-red-color);
    box-shadow: none
}

.home .mg-blog-posts > div:last-of-type {
    display: flex;
    flex-direction: column
}

.home .mg-blog-posts > div:last-of-type .mg-blog-post {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.home .mg-blog-posts > div:last-of-type .mg-blog-post.list:not(:last-of-type) {
    border: 0
}

.home .mg-blog-posts > div:last-of-type .mg-blog-meta {
    margin-bottom: 0
}

.home .mg-blog-posts > div:last-of-type hr {
    width: 100%;
    height: 1px;
    border: none;
    background: rgba(0, 0, 24, .08);
    margin: 0 0 16px
}

.home .mg-blog-posts > div:last-of-type hr:last-of-type {
    display: none
}

@media screen and (min-width: 2560px) {
    .mg-home-banner-widget-area {
        width: calc(100% - 437px)
    }

    .mg-home-banner-widget-area > div {
        padding-right: 86px
    }
}

.archive h1 {
    font-size: 28px;
    font-weight: 500;
    color: #01001f;
    margin-bottom: 24px;
    position: relative;
    text-transform: uppercase
}

.archive h1::after {
    content: "";
    width: 202px;
    height: 22px;
    position: absolute;
    left: 0;
    top: calc(100% + -12px);
    background-image: url(/static/home/images/icon-brand-elements.png)
}

.archive .nav-links {
    margin-right: 0
}

.post .mg-blog-post-box {
    box-shadow: none;
    margin-bottom: 118px
}

.post .mg-header {
    padding: 0
}

.post h1 {
    font-size: 48px;
    margin-bottom: 1rem
}

.post h1 a {
    color: #000018
}

.post .mg-blog-post-meta {
    box-shadow: none;
    margin-bottom: 1.5rem
}

.post .mg-blog-post-meta span, .post .mg-blog-post-meta a {
    font-size: 14px;
    background: 0 0 !important;
    color: #000018 !important;
    border-radius: 0
}

.post .mg-blog-post-meta > span:not(:last-of-type) > a {
    border-right: 1px solid #00001c;
    margin-right: 1rem;
    padding-right: 1rem
}

.post .mg-blog-featured-image {
    margin-bottom: 2rem
}

.post .small.single {
    font-size: 14px;
    line-height: 1.5;
    color: #000018;
    padding: 0
}

.post .heateor_sss_sharing_container {
    display: flex;
    align-items: center;
    border-top: 2px solid #000018;
    margin-top: 40px;
    padding-top: 1rem
}

.post .heateor_sss_sharing_title {
    font-size: 14px;
    font-weight: 400;
    color: #00001a;
    margin-right: 8px
}

.post .mg-sec-title {
    margin-bottom: 22px;
    position: relative;
    border: 0
}

.post .mg-sec-title h4 {
    font-size: 28px;
    color: #01001f;
    background-color: transparent;
    padding: 0
}

.post .mg-sec-title h4::before {
    display: none
}

.post .mg-sec-title::after {
    content: "";
    width: 202px;
    height: 22px;
    position: absolute;
    left: 0;
    top: calc(100% + -16px);
    background-image: url(/static/home/images/icon-brand-elements.png)
}

.post .mg-related-posts-item {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 24, .06)
}

.post .mg-related-posts-item .mg-related-post-img {
    margin-bottom: 1rem
}

.post .mg-related-posts-item .mg-related-post-content {
    flex: 1
}

.post .mg-related-posts-item .mg-related-post-content h4 {
    font-size: 28px
}

.post .mg-related-posts-item .mg-related-post-content h4 a {
    color: #00001a
}

.post .mg-related-posts-item .mg-related-post-content p {
    font-size: 14px
}

.post .mg-related-posts-item .mg-related-post-content p a {
    color: #131329
}

.post .mg-related-posts-item .mg-related-post-content .mg-blog-post-meta {
    font-size: 14px;
    font-weight: 400;
    color: rgba(9, 9, 32, .39);
    margin-top: auto;
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .post .mg-related-posts-item .mg-related-post-img {
        flex: 0 0 43.7%;
        max-width: 43.7%;
        margin-right: 1.5rem;
        margin-bottom: 0
    }
}

.event-header {
    border-bottom: 2px solid #000018;
    margin-bottom: 16px
}

.event-header .event-title {
    font-size: 16px;
    font-weight: 500;
    color: #000018;
    margin-bottom: 0
}

.event-header .event-link {
    transition: all .3s ease-in-out
}

.event-header .event-link:hover {
    transform: translate(0, -4px)
}

.upcoming-event-list {
    font-size: 14px;
    color: #131329;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.upcoming-event-list a, .upcoming-event-list a:hover {
    color: #131329
}

.upcoming-event-list a:hover {
    text-decoration: underline
}

.upcoming-event-list .event-item {
    min-height: 419px;
    border: 1px solid rgba(132, 134, 137, .2);
    transition: all .3s ease-in-out;
    flex: 1;
    width: 100%;
    margin-bottom: 40px;
    padding: 16px
}

.upcoming-event-list .event-item:nth-of-type(2n+1) {
    margin-right: 40px
}

.upcoming-event-list .event-item:hover {
    box-shadow: 0 0 14px 0 rgba(132, 134, 137, .2);
    transform: translate(0, -4px)
}

.upcoming-event-list .event-feaimg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 255px;
    background-color: #000018;
    margin-bottom: 12px
}

.upcoming-event-list .event-feaimg > img {
    max-height: 100%
}

.upcoming-event-list .event-day {
    font-size: 36px;
    font-weight: 500;
    line-height: 1
}

.upcoming-event-list .event-month {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    margin-left: -8px
}

.upcoming-event-list .event-month::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url("/static/home/images/icon-common-red.svg") no-repeat scroll center/contain
}

.upcoming-event-list .event-datetime, .upcoming-event-list .event-location {
    margin-left: 28px
}

.upcoming-event-list .event-datetime::before, .upcoming-event-list .event-location::before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("/static/home/images/icon-location.png") no-repeat scroll center/contain;
    position: absolute;
    margin-left: -28px
}

.upcoming-event-list .event-datetime {
    margin-top: 12px;
    margin-bottom: 6px
}

.upcoming-event-list .event-datetime::before {
    background-image: url(/static/home/images/icon-time.png)
}

.past-event-list {
    font-size: 14px;
    color: #131329;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.past-event-list .event-item {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 0, 24, .16);
    padding-bottom: 24px;
    margin-bottom: 24px
}

.past-event-list .event-item:last-of-type {
    border-bottom: 2px solid #000018
}

.past-event-list .event-item:hover .event-name {
    color: var(--main-red-color)
}

.past-event-list .event-feaimg {
    width: 100%;
    height: 230px;
    margin-bottom: 24px
}

.past-event-list .event-feaimg > img {
    max-height: 100%
}

.past-event-list .event-name {
    font-size: 28px;
    font-weight: 500;
    color: #00001a;
    margin-bottom: 16px
}

.past-event-list .event-excerpt {
    margin-bottom: 20px
}

.past-event-list .event-datetime {
    color: rgba(9, 9, 32, .39);
    margin-top: auto;
    margin-bottom: 0
}

@media screen and (min-width: 1200px) {
    .upcoming-event-list {
        flex-direction: row
    }

    .upcoming-event-list .event-item {
        flex: 0 0 calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .past-event-list .event-item {
        flex-direction: row
    }

    .past-event-list .event-feaimg {
        flex: 0 0 40%;
        width: 40%;
        margin-right: 32px;
        margin-bottom: 0
    }
}

.page h1 {
    font-size: 28px;
    font-weight: 500;
    color: #01001f;
    position: relative;
    margin-bottom: 24px
}

.page h1::after {
    content: "";
    width: 202px;
    height: 22px;
    position: absolute;
    left: 0;
    top: calc(100% + -12px);
    background-image: url(/static/home/images/icon-brand-elements.png)
}

nav .container {
    padding-left: 80px;
    padding-right: 80px;
}

nav .btn {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: 1.5px;
    text-align: center;
    border-radius: 4px;
}

.col-right {
    max-width: 80%;
}


@media screen and (min-width: 835px) {
    footer .container {
        padding-left: 32px;
        padding-right: 32px;
    }
}


@media screen and (min-width: 1025px) {
    footer .container {
        padding-left: 80px;
        padding-right: 80px;
    }
}


.btn.register {
    display: inline-block;
    min-width: 150px;
    min-height: 48px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 22px;
    letter-spacing: 1.5px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 12px 16px;
}

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

.mg-post-thumb img,
.mg-blog-img img {
    max-height: 188px;
    object-fit: cover;
}