.body{
    max-width:100%;
    margin-left:0;
    margin-right:0
}
 .rohan-cont.container-fluid{
    max-width:1200px!important
}
 .ranks-grid{
    margin-top:0;
    display:grid
}
 .hidden-sm-xs{
    display:none
}
 @media screen and (min-width:992px){
    .hidden-sm-xs{
        display:block
    }
}
@media(min-width:468px){
    .ranks-grid{
        grid-template-columns:minmax(auto,100%) minmax(auto,100%)
    }
}
.rohan-panel{
    padding:25px
}
@media(min-width:992px){
    .ranks-grid{
        grid-template-columns:calc(100%/8) calc(100%/8) calc(100%/8) calc(100%/8) calc(100%/8) calc(100%/8) calc(100%/8) calc(100%/8)
    }
}
.ranks-grid .rank{
    margin:15px 0
}
.ranks-grid .top{
    border-radius:5px;
    background:#292929;
    box-shadow:rgba(0,0,0,.15) 0 2px 10px;
    color:#fff;
    margin:60px 5px 20px;
    padding:20px 10px 10px;
    padding-top:60px;
    text-align:center;
    font-weight:700;
    line-height:normal;
    position:relative;
    background:#363636 url(https://cdn.rohanmcdermott.com/sites/craftingstore/pokeglobe/texture.png) center center no-repeat;
    min-height:165px;
    max-height:165px;
    height:165px
}
.ranks-grid .top .icon{
    background:no-repeat center center;
    background-size:contain;
    width:100px;
    height:100px;
    position:absolute;
    top:-50px;
    left:0;
    right:0;
    margin:0 auto
}
.ranks-grid .top .name{
    font-size:18px
}
.ranks-grid .top .price{
    font-size:13px;
    margin-bottom:10px;
    color:rgba(255,255,255,.8)
}
.ranks-grid .top .price .discount{
    font-size:10px;
    text-decoration:line-through;
    opacity:.8;
    color:#e54949
}
.ranks-grid .top .btn{
    color:#fff;
    background:rgba(255,255,255,.04);
    border:2px solid rgba(255,255,255,.04);
    box-shadow:rgba(0,0,0,.1) 0 3px 16px;
    width:100%;
    font-size:14px;
    text-align:center!important;
    cursor:pointer
}
.ranks-grid .top .btn:hover{
    color:#fff;
    background:rgba(255,255,255,.1)
}
.ranks-grid .perks{
    padding:0;
    margin:0
}
.ranks-grid .perks li{
    display:block;
    font-size:13px;
    line-height:25px;
    padding:5px;
    font-weight:500;
    color:#ccc;
    background-color:#343434;
    position:relative;
    text-align:center;
    white-space:nowrap
}
.ranks-grid .perks li.cat{
    background-color:#2c2c2c
}
.ranks-grid .perks li.sub-cat{
    padding-left:10px
}
.has-pop{
    cursor:help
}
.ranks-grid .perks li.inherit{
    font-size:16px!important;
    height:37px;
    background:#451822;
    color:#dad1d3;
    padding-left:10px;
    text-align:left!important;
    text-transform:uppercase;
    white-space:nowrap;
    cursor:pointer
}
.ranks-grid .perks li svg{
    display:inline-block;
    vertical-align:text-top;
    margin-right:4px;
    width:18px;
    height:18px;
    color:#d6dce4
}
.rank-popover.kit li{
    font-size:12px!important
}
.ranks-grid .perks li:hover .rank-popover{
    opacity:1;
    z-index:100
}
.top:hover .rank-popover{
    opacity:1;
    z-index:100
}
.ranks-grid .perks li b{
    color:#ccc
}
.ranks-grid .perks li b.colors{
    background:linear-gradient(to right,red,orange,#ff9c07,green,blue,purple,magenta);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.ranks-grid .perks li:not(:last-child){
    border-bottom:#2c2c2c 1px solid
}
.ranks-grid .perks li .ingame{
    padding:2px 10px;
    border-radius:5px;
    font-size:15px;
    line-height:15px;
    font-weight:800;
    display:inline-block;
    background:#2c2c2c
}
.rank-first li{
    background-color:#ededed;
    text-align:left!important;
    z-index:100;
    font-weight:700!important
}
.rank-first .top{
    min-height:165px;
    max-height:165px;
    height:165px;
    background:0 0!important;
    box-shadow:none!important
}
.rank-first li{
    font-size:12px!important
}
.ranks-grid .top[data-rank=fru]{
    box-shadow:inset 0 27px 70px -27px rgba(212,195,63,.8),0 0 15px 0 rgba(212,195,63,.3)
}
.ranks-grid .top[data-rank=freak]{
    box-shadow:inset 0 27px 70px -27px rgba(206,91,25,.8),0 0 15px 0 rgba(206,91,25,.3)
}
.ranks-grid .top[data-rank=frunator]{
    box-shadow:inset 0 27px 70px -27px rgba(54,76,157,.8),0 0 15px 0 rgba(54,76,157,.3)
}
.ranks-grid .top[data-rank=husky]{
    box-shadow:inset 0 27px 70px -27px rgba(72,103,246,.8),0 0 15px 0 rgba(72,103,246,.3)
}
.ranks-grid .top[data-rank="husky+"]{
    background-color:rgba(111,60,181,.6);
    box-shadow:inset 0 27px 70px -27px #6f3cb5,0 0 50px 0 rgba(111,60,181,.8)
}
.ranks-grid .top[data-rank=custom]{
    box-shadow:inset 0 27px 70px -27px rgba(213,228,247,.8),0 0 15px 0 rgba(213,228,247,.3)
}
.ranks-grid .top[data-rank="custom+"]{
    box-shadow:inset 0 27px 70px -27px rgba(180,31,80,.8),0 0 15px 0 rgba(180,31,80,.3)
}
.ranks-grid .perks li .ingame[data-rank=fru]{
    color:#fffd64
}
.ranks-grid .perks li .ingame[data-rank=freak]{
    color:#fda929
}
.ranks-grid .perks li .ingame[data-rank=frunator]{
    color:#1aaaa9
}
.ranks-grid .perks li .ingame[data-rank=husky]{
    color:#5ffffe
}
.ranks-grid .perks li .ingame[data-rank="husky+"]{
    color:#a917a8
}
.ranks-grid .perks li .ingame[data-rank=custom]{
    color:#fff
}
.ranks-grid .perks li .ingame[data-rank="custom+"]{
    color:#9a2626
}
.fa-check{
    color:#54ad59!important
}
.fa-times{
    color:#c34646!important
}
@media(max-width:768px){
    .rank{
        max-width:300px;
        margin-left:auto!important;
        margin-right:auto!important
    }
}
.rohan-js-hack{
    display:none!important
}
.rank-popover:parent{
    color:red!important
}
.ranks-grid .column:nth-child(odd) li{
    background-color:rgba(0,0,0,.08)
}
.ranks-grid .rank-first.odd-fix li{
    background-color:#343434!important
}
.ranks-grid .rank-first.odd-fix .rank-popover li{
    background-color:transparent!important
}
.ranks-grid .perks li.inherit{
    background:#451822!important
}
.ranks-grid .rank-popular{
    margin-top:-17px
}
.ranks-grid .rank-popular .top{
    min-height:182px!important
}
.ranks-grid .top .popular{
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:3px 0;
    margin:-9px 10px 0;
    color:#ffdd9f;
    border-radius:5px
}
.ranks-grid .top .popular svg{
    height:16px;
    margin-right:6px;
    display:block
}
.ranks-grid .rank-popular li.inherit{
    background:#451822
}
.ranks-grid .rank-popular li{
}
.rank-popover{
    background:rgba(44,44,44,.85);
    box-shadow:rgba(0,0,0,.15) 0 2px 10px;
    position:absolute;
    bottom:100%;
    left:50%;
    transform:translateX(-50%);
    width:300px;
    padding:8px;
    border-radius:5px;
    pointer-events:none;
    transition:120ms all ease-in-out;
    opacity:0;
    min-width:180px;
    color:627283;
    text-align:center!important
}
.ranks-grid .column:nth-child(1) .perks li .rank-popover{
    left:100%
}
.ranks-grid .column:nth-child(1) .perks li .rank-popover ul li{
    font-size:13px!important
}
.ranks-grid .column:nth-child(8) .perks li .rank-popover{
    left:0%
}
.rank-popover ul{
    padding:0;
    width:100%
}
.rank-popover li{
    font-size:12px;
    padding:0 8px;
    width:100%;
    background-color:transparent!important;
    text-align:center!important;
    white-space:normal!important
}
.top{
}
.rank-first .top{
    cursor:none
}
.top .rank-popover{
    margin-bottom:50px;
    max-width:100px
}
.top .rank-popover ul{
    margin:0;
    list-style:none
}
.buttons .btn .fa-times{
    color:#7e2a28!important
}
.checkout .packages table tbody .buttons{
    min-width:100px
}
@media(min-width:768px){
    .checkout .packages table tbody .buttons{
        min-width:140px
    }
}
@media(max-width:767px){
    .checkout .packages table tbody .quantity{
        display:inline-block!important
    }
    .checkout .packages table tbody .name,.checkout .packages table tbody .package-options div{
        width:30%
    }
    .checkout .packages table tbody .price{
        width:20%
    }
}
@media screen and (max-width:600px){
    .buttons{
        width:inherit!important
    }
}
#checkout-header h4{
    margin-left:0
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    border-top-width:0
}