.icon-download {
    font-size: 20px;
    padding: 4px;
    margin-right: 10px;
    transition: .2s color, .2s background-color;
    color: #8A8A8A;
}

.icon-download:hover {
    color: #444444;
}

#j-bethesda-beta{
    margin-top: 3px;
}

#navDropDown.open {
    max-height: 600px;
    position: absolute;
}
#navDropDown, #navDropDown.instant {
    transition: max-height 0s,opacity 0s;
}
#navDropDown {
    left: 0;
    overflow: hidden;
    top: 65px;
    float: none;
    position: relative;
    clear: both;
    z-index: 700;
    max-height: 0;
    width: 100%;
    margin: 0 auto 0 0;
}

#navDropDown .nav__dropdown-container--inner .nav__dropdown__item.padded {
    padding: 0 20px 18px;
}
#navDropDown .nav__dropdown-container--inner .nav__dropdown__item.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: relative;
    transform: translateX(0);
    z-index: 5;
}
#navDropDown .nav__dropdown-container--inner .nav__dropdown__item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #fff;
    position: absolute;
    transform: translateX(40px);
    transition: transform .4s,opacity .6s;
    z-index: 3;
    top: 0;
    display: table;
    width: 100%;
}

#navDropDown .nav__dropdown-container--inner .mod--inner {
    border-right: 1px solid #d8d7d7;
    border-left: 1px solid #d8d7d7;
    float: left;
    width: 100%;
}

#navDropDown .nav__dropdown-container--inner {
    border-top: 0 solid #d8d7d7;
    border-bottom: 1px solid #d8d7d7;
    width: 100%;
    background: #fff;
    position: relative;
    float: left;
}

#navDropDown .nav__dropdown-container--inner .nav__dropdown__item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #fff;
    position: absolute;
    transform: translateX(40px);
    transition: transform .4s,opacity .6s;
    z-index: 3;
    top: 0;
    display: table;
    width: 100%;
}

#navDropDownCDP > div.row > div.padded-top {
    margin-left: 35%;
}
#navDropDown .padded-top {
    padding-top: 15px;
}

#navDropDown .nav__dropdown-container--inner .nav__dropdown__item>.row {
    padding: 0 60px;
    max-width: 1345px;
    margin: 0 auto;
}

.nav__dropdown__title {
    margin-top: 8px;
    font-size: 20px;
}

ul.cdp-requirements {
    list-style: none;
}

/** Games */
.dropdown-games > div.header {
    max-width: 1700px;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

.dropdown-games > div > h1 {
    order: 0;
    font-weight: 700;
    text-decoration: none;
    font-size: 20px;
    margin: 0;
    padding-left: 5px;
}

.dropdown-games > div > h2 {
    order: 1;
    margin: 0;
    padding-right: 5px;
}

.dropdown-games > div > h2 > a {
    color: #444;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition: color .1s ease;
}

.dropdown-games * {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

.dropdown-games a {
    text-decoration: none;
    color: #8a8a8a;
}

.dropdown-games div.inner.show-inner {
    opacity: 1;
    transform: translateX(0px);
}

.dropdown-item > div.inner {
    max-width: 1700px;
    width: 100%;
    display: flex;
    font-weight: 700;
    text-decoration: none;
    font-size: 16px;
    margin-right: -10px;
    flex-flow: row nowrap;
    opacity: 0;
    transform: translateX(60px);
    transition-property: transform, opacity;
    transition-duration: .2s, .4s;
    transition-delay: .2s, .2s;
    transition-timing-function: ease, ease;
    justify-content: center;
}

.dropdown-item > div.inner > div.inner-content{
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
    justify-content: flex-start;
    margin-right: 10px;
    flex-grow: 1;
    min-width: 92px;
    flex-basis: 14.285%;
}

.dropdown-games div.title {
    display: flex;
}

.dropdown-games div.title > a {
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    color: #444;
    text-decoration: none;
    transition: color .1s ease;
}

.dropdown-games > div.inner > div.inner-content > a > img {
    max-width: 100%;
    border: none;
}

.dropdown-item{
    border-top: 3px solid #000;
}

.dropdown-generic {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    z-index: 120;
    border-bottom: 1px solid rgb(216, 215, 215);
}

div.dropdown-games{
    display: flex;
    flex-flow: column;
    align-items: center;
}

/** Mobile */

@media only screen and (max-width: 40em) {
    #j-bethesda-beta{
        display: none;
    }
}