body {
    font-size:18px;
    margin-bottom:240px;
}
.container {max-width:1300px;}

.row {padding:0;}
.pad-1 {padding:1em;}

.bg-dkg  {background-color:#202225;}
.bg-mdg  {background-color:#2f3136;}
.bg-orng {background-color:#ff881f !important;}
.bg-orng-gradient {
background: rgb(255,127,0);
background: linear-gradient(180deg, rgba(255,127,0,1) 0%, rgb(255, 170, 0) 100%);
}

.pad-0 {padding:0;}
    
.fc-light {color:#f7f7f7;}
.f-rubik {font-family: 'Rubik', sans-serif;}
.f-opensans {font-family: 'Open Sans', sans-serif;}
.fs-2 {font-size:2em;}

.a-badge:hover {text-decoration:none;}
.badge {transition:color .4s;}
.badge:hover {color:#252525;}

.navbar {
    padding:1em 1em 1em 1em;
    color:#dfdfdf !important;
    font-weight:600;
    font-size:.9em;
    text-transform:uppercase;
}

.nav-item > a {color:#dfdfdf !important;}
.nav-header-logo {max-width:260px;transition:opacity .4s;}
.nav-header-logo-lg {max-width:200px;}
.nav-header-logo:hover {opacity:0.7;}

.nav-link {transition:color .4s;}
.nav-link:hover {color:#ff881f !important;}

.dropdown-menu {background-color:#2f3136;padding:0;font-size:1em;}
.dropdown-item {font-weight: 600;color:#dfdfdf;transition:background-color .2s, color .4s;}
.dropdown-item:hover {background-color:#dfdfdf;color:#2f3136;}
.dropdown-item.active {background-color: #ff881f;}

.container- {padding:2em 1em 2em 1em;}
/* background-image: url("https://www.dev.chry.me/img/bg.jpg");background-size:cover;background-repeat:no-repeat; */
.-card {padding:.4em !important;}
.-card > a > img {width:100%;transition:opacity .4s;}
.-card > a > img:hover {opacity:0.6;}

.container-dlc {}
.dlc-grid-image {padding:.4em;}
.dlc-grid-image > a > img {width:100%;transition:opacity .4s}
.dlc-grid-image > a > img:hover {opacity:0.6;}

.block-header {
    color:#dfdfdf;
    padding-bottom: 10px;
    font-size: 1.2em;
}

.block-header-distributors {
    color:#252525;
    padding-bottom: 10px;
    font-size: 1.4em;
    text-align:center;
}

.dlc-grid-header {
    text-align:center;
    color:#f5f5f5;
    font-size:3em;
    padding-bottom:.5em;
    padding-top:.5em;
    font-weight:500;
}
.dlc-grid-header-m {font-size:1.6em;}

.dlc-grid-links {
    text-align:center;
    color:#f5f5f5;
    font-size:1.6em;
    padding-top:1em;
    padding-bottom:1em;
    font-weight:500;
}
.dlc-grid-links-m {font-size:1em;}

.dlc-grid-links > a {color:#f5f5f5;text-decoration:none;transition:color .4s;}
.dlc-grid-links > a:hover {color:#202225;}


/* Footer */
.footer {
    padding:2em 0em 2em 0em;
    color:#e8e8de;
    height:240px !important;
}

.nav-footer {list-style-type:none;}
.nav-footer > li > span {font-weight:600;}
.nav-footer > li > a:hover {color:#ff881f;}
.nav-footer > li > a {
    font-size:.9em;
    color:#9298a6;
    text-decoration:none;
    transition:color .4s;
}

.nav-footer-social {
    font-size:1.6em;
    letter-spacing:.2em;
    text-align:right;
}

.nav-footer-social > a {color:#9298a6;transition:color .4s, font-size .4s;}
.nav-footer-social > a:hover {color:#ff881f;}
.nav-footer-copy {font-size:.8em;color:#9298a6;padding:1em;padding-right:2em;text-align:right;}

/*  */
.container-patchnotes {padding-top:2em;}
.nav-min {list-style-type:none;padding-top:1em;}
.nav-min > .nav-min-head {color:#dfdfdf;font-weight:600;font-size:1em;padding-top:1em;padding-bottom:1em;}
.nav-min > li {padding:.1em;}
.nav-min > li > a:hover {color:#dfdfdf;}
.nav-min > li > a {
    color:#4791ff;
    font-weight:600;
    font-size:1em;
    transition:color .4s;
    text-decoration:none;
}

.min {padding:1em;}
.min-header > a:hover {color:#dfdfdf;}
.min-header > a {
    font-weight:600;
    color:#4791ff;
    transition:color .2s;
    text-decoration:none;
    font-size:1.2em;
}

.min-date {color:#9298a6;font-size:.8em;}
.min-content {color:#cfcfd0;padding-top:1em;font-size:90%;}
.min-content > pre {
    background-color: #3b3e44;
    border-radius: 5px;
    padding: 1em;
    color: #cfcfd0;
}
.min-separator {border-bottom:1px solid #43464d;;padding-top:2em;}

/* Games/DLC */
.container-games {padding:2em 0em 2em 0em;}
.container-games-header-link > a {color:#ff881f;font-weight:500;transition:color .4s;text-decoration:none;}
.container-games-header-link > a:hover {color:#f5f5f5;}
.container-games-header {
    padding:2em 0em 2em 0em;
    color:#cfcfd0;
    font-size:1.2em;
}
.games-grid > div {padding:.4em;}
.games-grid > div > a > img {width:100%;transition:opacity .4s;}
.games-grid > div > a > img:hover {opacity:0.6;}

.games-description {color: #cfcfd0;padding:1em;}
.games-description > div > a {color:#ff881f;text-decoration:none;transition:color .4s;font-size:1.4em;}
.games-description > div > a:hover {color: #cfcfd0;}

/*   */
.container-anno {padding:2em 0em 2em 0em;}
.-max-header > img {width:100%;}
.-max-title {font-size:2em;color:#cfcfd0;margin:0;}
.-max-date {font-size:1em;color:#cfcfd0;margin:0;padding-bottom:1em;}
.-max-content {color:#cfcfd0;font-size:1.2em;padding-top:1em;}

/* About Page */
.about-title {padding:2em 0em 2em 0em;color:#cfcfd0;font-size:1.2em;/*text-align:center;*/}

.about-partners-title {color:#202225;;text-align:center;font-size:1em;font-weight:500;padding-top:2em;}
.about-partners > div > a > img {width:100%;transition:opacity .4s;}
.about-partners > div > a > img:hover {opacity:0.4;}
.about-parners-links {background-color:#dfdfdf;padding:2em 2em 2em 2em;}

.about-screenshots {padding:2em 0em 2em 0em;}
.about-screenshots > div {padding:.4em;}
.about-screenshots > div > a > img {width:100%;transition:opacity .4s;}
.about-screenshots > div > a > img:hover {opacity:0.6;}
.modal-lg {max-width:1600px;}

.about-content {
    padding:2em 0em 2em 0em;
    color:#cfcfd0;
}

/* Plain Pages */
.plain {color:#cfcfd0;padding:2em 0em 2em 0em;}
.plain-title {font-size:1.2em;padding-bottom:1em;}
.plain-content {color:#cfcfd0;}
.plain-content > a {color:#ff881f;text-decoration:none;transition:color .4s;}
.plain-content > a:hover {color:#cfcfd0;}

/* Press & Media */
.plain-title > a {color:#ff881f;text-decoration:none;transition:color .4s;}
.plain-title > a:hover {color:#cfcfd0;}
.tc-orng {color:#ff881f}

.container-videos {padding:2em 0em 2em 0em;background-color:#dfdfdf;}
.pab-2 {padding-bottom:2em;}
.container-media {padding:0em 0em 2em 0em;}

/*  About Section */
.carousel-item > img {width:100%;}
.container--about {padding:2em;padding-bottom:4em;}
.-about-content {color:#cfcfd0;font-size:1em;}
.-about-content > a {color:#ff881f;text-decoration:none;transition:color .4s;font-size:1.2em;}
.-about-content > a:hover {color:#cfcfd0;}

/*  Video Background */
.container-video {overflow:hidden !important;position:relative;min-height:240px;margin:0;}
.videobg {
    object-fit: cover;
    width:100%;
    height:100%;
    min-height:240px;
    z-index:-1;
    opacity:0.9;
}

.video-inner {
    padding:5%;
    width:100%;
    height:100%;
    z-index:1;
    position:absolute;
    top:0;
}

.video-inner > .container {height:100%;}
.video-inner > .container > .row {height:100%;}
.videobg-logo-container {max-height:100%;}
.videobg-logo {max-height:100%;margin-left:auto;margin-right:auto;transition:transform .3s;}
.videobg-logo:hover {cursor:pointer;transform: scale(1.05);}
.fullheight {height:100%;}
.maxfullheight {max-height:100%;}

.-grid-header {
    text-align:center;
    color: #babec8;
    font-size:3em;
    padding-bottom:.5em;
    font-weight:500;
}
.dlc-grid-header-m {font-size:1.6em;}

.inline-head {font-size:1.4em;color:#4791ff;font-weight:500;}
.inline-head > a {color:#4791ff;transition:color .4s;text-decoration:none;font-weight:500;}
.inline-head > a:hover {color:#dfdfdf;}

.nav-min-inline {}
.nav-min-inline > li {padding:.1em;}
.nav-min-inline > li > a:hover {color:#dfdfdf;}
.nav-min-inline > li > a {
    color:#4791ff;
    font-weight:600;
    font-size:1em;
    transition:color .4s;
    text-decoration:none;
}

.ta-c {text-align:center;}

/*  pretty */
.separator {height:2px;background-color:#f7f7f7;width:80%;margin-left:auto;margin-right:auto;margin-top:2em;margin-bottom:2em;}
.separator-dark {height:2px;background-color:#202225;width:95%;margin-left:auto;margin-right:auto;margin-top:2em;margin-bottom:2em;}
.padder {padding-top:1em;padding-bottom:1em;}

.imgleft {display:table;height:300px;margin-top:1em;margin-bottom:2em;}
.imgleft > img {
    vertical-align: middle;
    display: table-cell;
    max-height:350px;
    max-width:350px;
}
.imgleft > span {
    padding:3em;
    display:table-cell;vertical-align: middle;
    font-size:1em;
}

.imgcent > img {margin-left:auto;margin-right:auto;}

.nav-min-pretty {list-style-type:none;padding-top:1em;}
.nav-min-pretty > .nav-min-head {color:#dfdfdf;font-weight:600;font-size:1em;padding-top:1em;padding-bottom:1em;}
.nav-min-pretty > li {padding:.1em;}
.nav-min-pretty > li > a:hover {color:#dfdfdf;}
.nav-min-pretty > li > a {
    color:#4791ff;
    font-weight:600;
    font-size:0.6em;
    transition:color .4s;
    text-decoration:none;
}

.container--pretty {background-color:#fff;color:#202225;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;padding-bottom:100px;}
.-pretty-content {
    color:#202225;
    padding-left:20px;padding-right:20px;
    max-width:1000px;margin-left:auto;margin-right:auto;
    font-family: 'Quicksand', sans-serif;
}

.-pretty-content a:link {text-decoration:none;}
.-pretty-content a:visited {text-decoration:none;}

.-pretty-header a:link {text-decoration:none;}
.-pretty-header a:visited {text-decoration:none;}

.-pretty-header {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-size:2em;
    font-weight:400;
    color:#202225;
    font-family: 'Quicksand', sans-serif;
}

.-pretty-date {color:#9298a6;font-size:.8em;max-width:1000px;margin-left:auto;margin-right:auto;padding-bottom:2em;}
.-pretty-background {background-color:#f8f8f8;}

/* -pretty cards */
.-pretty-card {
    padding:20px;
}

.-pretty-card-inner {
    border-radius:4px;
    background-color:#fff;
    /*border:2px solid #dbdbdb;*/
}

.-pretty-card-inner a:link {
    font-family: 'Lato', sans-serif;
    color:#fdad3c;
    font-weight:600;
}
.-pretty-card-head {
    font-family: 'Lato', sans-serif;
    padding:20px 20px 0 20px ;
    font-size:1.6em;
    font-weight:600;
}

.-pretty-card-text {
    font-family: 'Lato', sans-serif;
    padding:20px;
    font-size:0.8em;
}

.-pretty-card-text a:link {
    font-weight:400;
    color:#fff;
}

.-pretty-card-link {padding:20px;}
.-pretty-card-img > img {width:100%;border-radius:4px 4px 0 0;transition:opacity .6s;}
.-pretty-card-img > img:hover {opacity:70%;}

.container--pretty-cards {padding-top:100px;padding-bottom:100px;}

.img-left > img {
    max-width:300px;
    float:left;
    padding-top:1em;padding-bottom:1em;
}

.img-right > img {
    max-width:300px;
    float:right;
    padding-top:1em;padding-bottom:1em;
}

.img-left > a > img {
    max-width:300px;
    float:left;
    padding-top:1em;padding-bottom:1em;
}

.img-right > a > img {
    max-width:300px;
    float:right;
    padding-top:1em;padding-bottom:1em;
}

@media only screen and (max-width: 570px) {
    .img-left > img {
        max-width:100% !important;
    }
    .img-right > img {
        max-width:100% !important;
    }
    .-pretty-content {
        font-size:0.8em;
        padding-left:5px;
        padding-right:5px;
    }
}