* {
    margin:0 auto;
    outline:none;
}

/**
  ** @ Define Globals :: 
*/
:root {
    --main-dark:#222;
    --element-box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);
    --element-text-shadow:0 0 10px rgba(0,0,0,0.5);
    --logo-width:90px;
    --minus-logo:calc(var(--logo-width)/2);
    --header-height:65px;
    --page-top-space:calc(var(--header-height) + 15px);
    --sv-min-height:550px;
    --sv-right-width:350px;
    --sv-right-width-1267:225px;
    --sv-left-width:calc(100% - var(--sv-right-width));
    --sv-left-width-1267:calc(100% - var(--sv-right-width-1267));
    --svr-height:calc(var(--sv-min-height) / 2);
    --slow-image-transition:2500ms;
    --label-grey:#CCC;
    --logo-blue:#232943;
}
body,html {
    margin:0 auto;
    font-family: 'Prompt', sans-serif;
    image-rendering:smooth;
}
.page-container {
    position:relative;
    width:1440px;
}

@media only screen and (max-width:1467px){
    .page-container {
        width:1200px;
    }
}
@media only screen and (max-width:1267px){
    .page-container {
        width:1023px;
    }
}
@media only screen and (max-width:1067px){
    .page-container {
        width:96%;
    }
}
header, section, footer, main {
    width:100%;
}

main {
    padding-top:var(--page-top-space);
}

header {
    position:fixed;
    box-shadow:var(--element-box-shadow);
    height:var(--header-height);
    overflow:visible;
    background:#FFF;
    z-index:12;
}

.menu-left, .logo, .menu-right,
.menu-left ul li, .menu-right ul li {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}
.menu-left, 
.menu-right,
.logo {
    vertical-align:top;
}

.menu-left,
.menu-right {
    width:calc(50% - var(--minus-logo));
}

.mr-menu {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
    width:calc(100% - 150px);
}

.more-item {
    position:relative;
}
#more-menu {
    display:none;
    position:absolute;
    right:calc(-50% + 5px);
    top:64px;
    border-top:5px var(--logo-blue) solid;
    width:200px;
    background:#FFF;
    box-shadow:var(--element-box-shadow);
}
#more-menu ul {
    padding:0;
}
#more-menu li {
    display:block;
    width:100%;
    text-align:center;
    box-sizing:border-box;
}
#more-menu li a {
    width:100%;
    padding:10px 0;
    transition:400ms;
    border-bottom:2px transparent solid;
}
#more-menu li a:hover {
    background:#F2F2F2;
    border-bottom:2px var(--logo-blue) solid;
}


.logo {
    width:var(--logo-width);
    padding-top:10px;
}
.logo img {
    width:100%;
}

.menu-left {
    text-align:right;
    padding-right:35px;
}

.menu-right {
    text-align:left;
    padding-left:0;
}

.menu-left ul li,
.menu-right ul li {
    list-style:none;
    list-style-type:none;
}
.menu-left ul li a,
.menu-right ul li a {
    display:block;
    padding:22px 30px 0;
    text-transform:uppercase;
    text-decoration:none;
    color:var(--main-dark);
}


.sv {
    position:relative;
    width:100%;
    box-shadow:var(--element-box-shadow);
    min-height:var(--sv-min-height);
    overflow:hidden;
}


.sv-left,
.sv-right,
.ms-left,
.ms-right,
.topic-left,
.topic-right {
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
}
.sv-left
{
    position:relative;
    width:var(--sv-left-width);
    background:#DDD;
    height:var(--sv-min-height);
    z-index:2;
}
.sv-right
{
    position:relative;
    width:var(--sv-right-width);
    z-index:1;
}
.svr-top,
.svr-bottom {
    position:relative;
    width:100%;
    height:var(--svr-height);
}

.sv-left,
.svr-top,
.svr-bottom {
    transition:var(--slow-image-transition);
    overflow:hidden;
}

.sv-background {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    transition:var(--slow-image-transition);
}
.sv-background.loading {
    transition:none;
}
.sv-left:hover .sv-background,
.svr-top:hover .sv-background,
.svr-bottom:hover .sv-background {
    transform:scale(1.2);
    transition:var(--slow-image-transition);
}


.svr-top {
    background-color:#BBB;
}
.svr-bottom {
    background-color:#CCC;
}

.sv-title {
    position:absolute;
    bottom:0;
    box-sizing:border-box;
    color:#FFF;
}
.sv-title .title-date {
    text-shadow:var(--element-text-shadow);
}

.sv-title.lg {
    padding:0 25px 25px;
}
.sv-title.sm {
    padding:0 15px 15px;
}

.sv-title.lg .title-text {
    margin:0;
    width:80%;
    font-size:27px;
    line-height:25px;
}
.sv-title .title-text a {
    color:#FFF;
    text-decoration:none;
    text-shadow:var(--element-text-shadow);
}
.sv-title.lg .title-date {
    padding:3px 0 10px;
    font-size:14px;
}
.sv-title.sm .title-text {
    font-size:22px;
    line-height:22px;
}
.sv-title.sm .title-date {
    font-size:14px;
    margin-top:-5px;
}

.sv-background,
.title-date,
.title-text {
    opacity:0;
}

.ms-left,
.topic-right {
    width:var(--sv-left-width);
}
.ms-right,
.topic-left {
    width:var(--sv-right-width);
    padding:15px;
}


.main-section {
    position:relative;
    margin-top:15px;
}


.fbt {
    position:relative;
    width:calc(100% - 15px);
    margin:0 15px 0 0;
    box-shadow:var(--element-box-shadow);
    padding:15px;
    box-sizing: border-box;
}

.ms-right,
.topic-left {
    box-shadow:var(--element-box-shadow);
    border-top:5px var(--logo-blue) solid;
}
.ms-right.no-box {
    box-shadow:none;
    padding:0 20px;
    border-top:0;
}

.fbt,
.ms-right {
    min-height:550px;
    margin-bottom:15px;
}
.fbt.min {
    min-height:auto;
}

.fbtat-image,
.fbtat-titleblock {
    display:inline-block;
    vertical-align:top;
    box-sizing: border-box;
    height:350px;
}
.fbtat-loader {
    position:absolute;
    top:35px;
    left:60%;
    margin-left:-135px;
    width:150px;
    text-align:center;
    background:rgba(255,255,255,0.7);
    box-shadow:var(--element-box-shadow);
    z-index:10;
}
.fbtat-image {
    width:55%;
    background:var(--label-grey);
    overflow:hidden;
}
.fbtat-image-background {
    position:relative;
    width:100%;
    height:100%;
    opacity:0;
}
.fbtat-titleblock {
    position:relative;
    width:45%;
    padding:0 15px;
}

.fbtat-title,
.nbs-title,
.lacl-title,
.lacs-title {
    font-size:27px;
    padding:0 0 10px;
    line-height:27px;
}
.fbtat-title a,
.nbs-title a,
.lacl-title a,
.lacs-title a {
    color:#000;
    text-decoration:none;
}
.fbtat-date,
.nbs-date {
    position:absolute;
    bottom:0;
    font-size:12px;
}
.nbs-date {
    bottom:15px;
}

.category-label {
    display:inline-block;
    padding:4px 20px;
    font-size:10px;
    color:var(--logo-blue);
    text-align:center;
    margin:0 0 15px;
    text-transform:uppercase;
    font-weight:400;
    background:var(--label-grey);
}

.fbt-article-bottom {
    position:relative;
    box-sizing: border-box;
    width:100%;
    padding:15px 0;
}
.fbtat-image.full-width {
    width:100%;
    height:250px;
}

.fbta {
    display:inline-block;
    vertical-align:top;
    width:calc(calc(100% / 3) - 4px);
    box-sizing:border-box;
    height:350px;
}
.fbta .fbtat-title,
.nbs-title 
{
    font-size:21px;
    line-height:21px;
    padding-top:15px;
}

.lacl-title,
.lacs-title {
    font-size:18px;
    line-height:18px;
    padding-top:15px;
}

.news-block-small {
    position:relative;
    width:calc(100% - 15px);
    margin:0 0 15px;
    box-shadow:var(--element-box-shadow);
    height:150px;
}

.nbs-image,
.nbs-content {
    display:inline-block;
    position:relative;
    vertical-align:top;
    height:150px;
    box-sizing:border-box;
}
.nbs-image {
    overflow:hidden;
    width:250px;
    background:var(--label-grey);
}
.nbs-image-background {
    position:absolute;
    width:100%;
    height:100%;
}

.nbs-content {
    padding:10px 0 10px 15px;
    width:calc(100% - 250px);
}
.nbs-title {
    width:60%;
    margin:0;
    padding-top:0;
}

.lacl-image {
    position:relative;
    width:100%;
    background:var(--label-grey);
    height:200px;
    margin-bottom:15px;
}
.lacl-image-background {
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
}
.lacl-image-background.view-default {
    opacity:1;
}

.lac-small {
    border-top:1px #000 solid;
    padding:15px 0;
}

.lacl-title {
    padding:0;
}
.lacl-date {
    margin-bottom:35px;
    font-size:11px;
}


.topic-left h3 {
    font-size:27px;
    font-weight:400;
    padding:0 0 15px;
}

.topic-right-header {
    position:relative;
    box-sizing:border-box;
    padding:25px 0;
}
.topic-right-articles {
    padding-left:15px;
}

.trh-left,
.trh-right {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
    width:50%;
}
.trh-left {
    font-weight:100;
    font-size:14px;
}
.trh-left strong {
    font-weight:400;
}
.trh-left {
    padding-left:25px;
}
.trh-left.article-header {
    padding-left:0;
}
.trh-right {
    text-align:right;
    padding-right:25px;
}
.trh-right h1 {
    font-size:43px;
    font-weight:400;
}

.no-pad .trh-left {
    padding-left:0;
}

.article-content {
    position:relative;
    width:100%;
}
.article-title h1 {
    font-size:52px;
    line-height:52px;
    width:80%;
    margin:0 0 15px;
    font-weight:400;
}
.article-image {
    position:relative;
    width:100%;
    height:550px;
    background:var(--label-grey);
}
.ai-background {
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
}
.article-author {
    position:relative;
    padding:25px 0;
}
.author-image,
.author-details {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}
.author-image {
    width:100px;
    height:100px;
    border-radius:50%;
}
.author-details {
    padding-left:15px;
}
.author-name {
    font-weight:100;
}
.author-name strong {
    font-weight:400;
}
.author-category {
    font-size:12px;
}
.article-content {
    padding:25px 0;
}
.article-content p {
    font-size:18px;
    line-height:27px;
    font-weight:300;
    padding-bottom:22px;
}
.more-topics {
    position:relative;
    padding:0 0 35px;
}
.more-topics h2 {
    font-size:36px;
    font-weight:400;
    padding-bottom:15px;
}

footer {
    padding:75px 0 20px;
    background:var(--logo-blue);
}
.footer-logo,
.footer-menu,
.footer-menu ul li {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}
.footer-logo {
    width:100px;
}
.footer-menu {
    width:calc(100% - 250px);
    text-align:left;
    padding-left:15px;
}
.footer-menu ul {
    list-style-type:none;
    list-style:none;
}

.footer-menu a {
    color:#FFF;
    text-decoration:none;
    text-transform:uppercase;
    font-size:22px;
    padding:0 7px;
}

.social,
.footer-social,
.social a,
.footer-social a {
    display:inline-block;
    vertical-align:middle;
    box-sizing:border-box;
}
.social,
.footer-social {
    width:120px;
}
.social a,
.footer-social a {
    width:35px;
    padding:0 7px;
}
.social a img,
.footer-social a img {
    max-height:18px;
}
.social {
    padding-top:22px;
}

.disclaimer {
    margin-top:50px;
    border-top:1px rgba(255,255,255,0.2) solid;
    font-size:12px;
    color:#FFF;
    padding:35px 0 15px;
    font-weight:100;
    text-align:center;
}
.disclaimer a {
    color:#FFF;
}
.disclaimer strong {
    font-weight:400;
}

.mobile-menu-icon {
    position:absolute;
    right:2%;
    top:18px;
    width:25px;
    display:none;
}
.mobile-menu-icon a,
.mobile-menu-icon span,
.mobile-menu-icon div {
    display:block;
    width:100%;
}
.mobile-menu-icon div {
    background:#000;
    height:3px;
    margin-bottom:3px;
}

#mobile-menu {
    position:fixed;
    display:none;
    opacity:0;
    box-sizing:border-box;
    padding:100px 0 35px;
    top:0;
    left:0;
    width:100%;
    background:var(--logo-blue);
    z-index:11;
}
#mobile-menu ul {
    padding:0;
    margin:0;
}
#mobile-menu ul li {
    box-sizing:border-box;
    padding:10px 0;
    margin:0;
    width:100%;
    font-size:43px;
    text-align:center;
    list-style:none;
    list-style-type:none;

}
#mobile-menu ul li a {
    color:#FFF;
    text-decoration:none;
}
/** Notification BAR **/
#notification-bar {
    position:fixed;
    top:-80px;
    left:50%;
    border-radius:5px;
    font-size:14px;
    text-align:center;
    margin-left:-230px;
    box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);
    padding:0;
    width:460px;
    overflow:hidden;
    z-index:101;
  }
  #notification-text {
    padding:10px 0;
    display:block;
    position:relative;
    text-transform:uppercase;
  }
  #notification-timer {
    position:relative;
    width:0%;
    height:7px;
    background:#144620;
  }
  #notification-bar.green {
    color:#FFF;
    background:#28a745;
  }
  #notification-bar.red {
      color:#FFF;
      background:#FF0000;
  }

  #notification-bar.red #notification-timer {
      background:rgba(0,0,0,0.4);
  }


  .loader svg {
      width:80px;
      height:80px;
  }



@media only screen and (max-width:1467px){
    .menu-left ul li a, .menu-right ul li a {
        padding:22px 15px 0;
    }
    .article-title h1 {
        font-size:43px;
        line-height:43px;
    }
}
@media only screen and (max-width:1267px){
    .menu-left ul li a, .menu-right ul li a {
        font-size:14px;
    }
    .ms-left, .topic-right, .sv-left {
        width:var(--sv-left-width-1267);
    }
    .ms-right, .topic-left, .sv-right {
        width:var(--sv-right-width-1267);
    }
    .nbs-title {
        width:80%;
    }
    .article-title h1 {
        font-size:36px;
        line-height:36px;
        width:100%;
    }
    .article-image {
        height:250px;
    }
    .author-image {
        width:60px;
        height:60px;
    }
}
@media only screen and (max-width:1067px){
    .page-container {
        width:96%;
    }
    .menu-left,
    .menu-right {
        display:none;
    }
    header {
        height:50px;
    }
    main {
        padding-top:65px;
    }
    .logo {
        position:absolute;
        left:50%;
        top:0;
        margin-left:-40px;
        width:80px;
    }
    .mobile-menu-icon {
        display:block;
    }
    .footer-logo,
    .footer-menu,
    .footer-social {
        display:block;
        width:100%;
        text-align:center;
    }
    .footer-menu {
        padding:10px 0;
    }
    .footer-logo img {
        width:80px;
    }
    .footer-menu ul li {
        display:block;
        width:100%;
        text-align:center;
    }
    .footer-menu ul li a {
        font-size:12px;
    }
}

@media only screen and (max-width:1024px){
    .sv-left,
    .sv-right {
        width:100%;
    }
    .svr-top, .svr-bottom, .sv-left {
        height:250px;
    }
    .sv-left {
        height:400px;
    }
    .ms-left,
    .ms-right,
    .topic-left,
    .topic-right {
        width:100%;
    }
    .topic {
        display: flex;
        flex-direction: column-reverse;
    }
    .fbt {
        width:100%;
    }
    .fbta {
        width:100%;
    }
    .fbtat-date {
        position:relative;
    }

}

@media only screen and (max-width:867px){
    .fbtat-image,
    .fbtat-titleblock {
        display:block;
        width:100%;
        padding:0;
        height:200px;
    }
    .fbtat-titleblock {
        padding:15px 0;
    }
    .nbs-image,
    .nbs-content {
        width:100%;
    }
    .news-block-small {
        height:auto;
        width:100%;
    }
    .topic-right {
        width:100%;
    }
    .topic-right-header {
        width:100%;
        padding:15px 0;
    }
    .topic-right-articles {
        padding-left:0;
        box-sizing:border-box;
    }
    .trh-right {
        padding-right:10px;
    }
    .trh-left {
        padding-left:0;
    }

}