body {
    background: url('../img/last_design/common/bg/mid-repeat-2.png') repeat-y center 926px;
    background-color: #2F2533;
    color: #f5f4f4;
    height: 100%;
    font-family: 'ProximaNova';
    overflow-y: auto;
    overflow-x: hidden;
}

#bg-overlay-top {
    background:  url("../img/last_design/common/bg/overlay-top.png") no-repeat scroll 0 0;
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    height: 502px;
    z-index: 1;
}

#bg-overlay-middle {
    background: url('../img/last_design/common/bg/overlay-middle.png') repeat-y 0 0;
    position: absolute;
    top: 652px;
    width: 100%;
    height: auto;
    bottom: 1010px;
    z-index: 2;
}

#bg-part-block{
    position: absolute;
    left: 50%;
}

#bg-part{
    background: url(../img/last_design/common/bg/bottom-part.png) repeat center bottom;
    position: relative;
    left: -50%;
    top: -815px;
    width: 1920px;
    height: 226px;
    z-index: 1;
}

#bg-overlay-bottom {
    background: url(../img/last_design/common/bg/overlay-bottom.png) no-repeat 0 bottom;
    position: absolute;
    top: -900px;
    width: 1920px;
    height: 502px;
    z-index: 4;
}

@media all and (max-width: 1300px) {
    #bg-overlay-top {
        background-size: 900px auto;
    }

    #bg-overlay-middle {
        background-size: 897px auto;
        top: 521px;
    }

    #bg-overlay-bottom {
        background-size: 47% auto;
        top: -1030px;
    }
}

#main {
    min-height: 1788px;
}

#header, #footer_menu {
    width: 100%;
    background-image: linear-gradient(to right, #174d7e 0%, #281c2b 60%);
    height: 36px;
    line-height: 36px;
    margin-left: 0;
    padding-left: 0;
}

.modal {
    background: #2e2032 none repeat scroll 0 0;
    border: solid 1px #584d5b;
}

.url_form input[type=text]:focus, .modal input[type=text]:focus {
    border: 1px solid rgba(255, 204, 0, .6) !important;
}

.modal .close {
    background: url(../img/last_design/hell/common/close.png) no-repeat 0 0;
}

.modal#pay input.en[type=text] {
    background: #1d0c21 url(../img/last_design/hell/common/usd.png) no-repeat 20px 11px;
    color: #ffcc00;
}

.newWeaponItem input[type="radio"] + label, .bonus_choices input[type="radio"] + label {
    color: #6A3301;
    border: 2px solid #817883;
}

.bonus_choices input[type="radio"]:checked + label {
    border: 2px solid #fff;
}

.bonus_choices {
    color: #ffffff;
}

.table#newCaseWeaponTable th {
    color: #ddd !important;
}

.newWeaponItem input[type="radio"] + label, .bonus_choices input[type="radio"] + label {
    color: #6A3301;
    border: 2px solid #817883;
}

.newWeaponItem input[type="radio"] + label span, .bonus_choices input[type="radio"] + label span {
    background-color: #2E2032;
}

.newWeaponItem input[type="radio"]:checked + label span, .bonus_choices input[type="radio"]:checked + label span{
    background-color:#92d533;
    border: 2px solid #2E2032;
}

.select_giveaway, .select_lang, .select_currency {
    background: rgba(0,0,0,0.6);
    display: none;
}

#header_stats {
    position: relative;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(left, rgba(23, 77, 126, 0.8) 0%, rgba(40, 28, 43, 0.8) 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23, 77, 126, 0.8)), color-stop(60%, rgba(40, 28, 43, 0.8)));
    background: -webkit-linear-gradient(left, rgba(23, 77, 126, 0.8) 0%, rgba(40, 28, 43, 0.8) 60%);
    background: -o-linear-gradient(left, rgba(23, 77, 126, 0.8) 0%, rgba(40, 28, 43, 0.8) 60%);
    background: -ms-linear-gradient(left, rgba(23, 77, 126, 0.8) 0%, rgba(40, 28, 43, 0.8) 60%);
    background: linear-gradient(left, rgba(23, 77, 126, 0.8) 0%, rgba(40, 28, 43, 0.8) 60%);
}

#header_line_separate {
    height: 1px;
    opacity: 0.6;
    background-image: linear-gradient(to right, #56fffb, #ff244f);
}

.header_personage_block {
    position: absolute;
    display: block;
    left: 50%;
    height: 100%;
    width: 100%;
    z-index:0;
}

#header_personage {
    background: rgba(0, 0, 0, 0) url("../img/last_design/hell/common/header_daemon_mm.png") no-repeat scroll -55px -150px / 1920px auto;
    height: 100%;
    width: 100%;
    position: relative;
    left: 18%;
    z-index:0;
    background-size: 1530px auto;
}

#header_personage_wh {
    background: url("../img/last_design/hell/common/header_angel_mm.png") no-repeat scroll 0 -595px / 1920px auto;
    height: 100%;
    width: 120%;
    position: relative;
    right: 1775px;
    z-index:0;
    background-size: 1530px auto;
}

@media all and (max-width: 1400px) {
    #header_personage {
        left: 0%;
    }

    #header_personage_wh {
        background-size: 1400px auto;
        margin-top: 42px;
        left: -120%;
    }
}

.logo_area .logo {
    background: rgba(0, 0, 0, 0) url("../img/last_design/heaven/common/logo.png") no-repeat scroll center top;
    height: 110px;
    margin: auto;
    width: 505px;
    position: relative;
    z-index: 2;
}

.logo_area .choose_side {
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #ffffff;
    text-shadow: 0px 2px 2.9px rgba(0, 0, 0, 0.42);
    text-transform: uppercase;
    text-align: center;
    position: relative;
    top: -13px;
}

.logo_area .logo a {
    width: 309px;
    height: 100px;
    display: inline-block;
}

.header_stats #online-stat{
    display: inline-block;
    background: url('../img/last_design/heaven/common/online.png') no-repeat 0 4px;
}

.header_stats #overall-case-stat{
    display: inline-block;
    background: url('../img/last_design/heaven/common/case_opened.png') no-repeat 0 6px;
}

.header_stats #registered-stat{
    display: inline-block;
    background: url('../img/last_design/hell/common/registered.png') no-repeat 0 4px;
}

.header_stats .stat_text {
    font-size: 13px;
    line-height: 22px;
    text-align: left;
    text-transform: uppercase;
}

#header .header_content li a:hover, #footer_menu .header_content li a:hover {
 color: #56fffb !important;
}

.select_giveaway {
    background-color: #222F49;
    border: solid 1px #584d5b;
    padding: 4px 11px;
}

.selected_giveaway {
    cursor: pointer;
}

.selected_giveaway:hover {
    color: #56fffb;
    background-color: #222F49;
}

.select_giveaway div.hr {
    border-top: 1px solid rgba(69, 190, 202, .3);
}

.user_menu.balance {
    color: #ffcc00;
    height: 26px !important;
    margin-top: -13px;
    font-size: 14px;
}

#header .user_li a#logout {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(../img/last_design/heaven/common/logout.png) no-repeat scroll 0 0;
}

.logo_area {
    margin: 25px auto 10px auto;
    height: 200px;
    width: 1280px;
    text-align: center;
}

.header_stats .header_stats_data #create_case a {
    min-width: 140px;
    min-height: 40px;
    border-radius: 19px;
    padding: 0px 20px;
    position: relative;
    top: -10px;
    border-image-slice: 1;
    margin-left: 20px;
    background-image: linear-gradient(to right, #ff4124, #ff244f), linear-gradient(to top, #ff4124, #ff244f);
    border-image-source: linear-gradient(to top, #ff4124, #ff244f);
    background-color: #ff4124;
    height: 40px;
    display: inline-block;
    line-height: 43px;
    font-size: 14px;
}

.header_stats .header_stats_data #create_case a:hover {
    background-image: linear-gradient(to right, #ff244f, #ff4124), linear-gradient(to top, #ff244f, #ff4124);
    border-image-source: linear-gradient(to top, #ff244f, #ff4124);
    background-color: #ff4124;
    color: #fff !important;
}

#about-video-block {
    top: -151px;
    position: absolute;
    display: block;
    left: 50%;
}
#about-video-content {
    position: relative;
    left: -50%;
}

#footer-video-block {
    bottom: 206px;
    position: absolute;
    display: block;
    left: 50%;
}
#footer-video-content {
    position: relative;
    left: -50%;
    bottom: -393px;
}

#footer-video-content video {
    z-index: 2;
    position: relative;
}

.url_form input[type=text], #coupon_content input[type=text] {
    transition:all 0.2s ease;
    margin-top: 16px;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 3px;
    font-size: 16px;
    outline: none;
    min-width: 336px;
    max-width: 900px;
    width: 336px;
    background-color: transparent;
}

.caseCreator .btn {
    padding: 0 45px;
    text-transform: uppercase;
    height: 40px;
    font-size: 16px;
    line-height: 37px;
}

.case_top_right_title {
    width: 175px;
    font-weight: bold;
    display: inline-block;
    line-height: 35px;
    font-size: 14px;
}

.case_down_right_title {
    display: inline-block;
    font-size: 18px;
    margin-left: 7px;
}

.case_top_right .case_down_right_title {
    width: 170px;
}

.caseCreator .cumulativePercentage, .caseCreator .expectedReturnHell,
.caseCreator .expectedReturnHeaven, .caseCreator .affPercentage {
    font-size: 20px;
}

.caseCreator .control-label {
    font-size: 18px;
    font-weight: normal;
}

.irs-min, .irs-max {
    background: none;
    font-size: 14px;
    font-weight: bold;
}

.irs-bar, .irs-line, .irs-line-left, .irs-line-mid, .irs-line-right  {
    height:20px !important;
}

.irs-slider {
    background-position: 0 -115px;
    height: 26px;
    width: 10px;
    cursor: pointer;
}

.irs-line-left {
    background-position: 0 -60px;
}

.irs-grid-pol {
    height: 6px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 2px;
}

.irs-from, .irs-to, .irs-single {
    border-image: none;
    border-radius: 40px;
    border-style: solid;
    font-size: 16px;
    line-height: 1.333;
    padding: 1px 3px;
    text-align: center;
    text-shadow: none;
    top: -7px;
    width: 55px;
}

.caseCreator label {
    margin-bottom: 8px !important;
}

.irs-slider.state_hover, .irs-slider:hover {
    background-position: 0 -146px;
}

.irs-grid-text {
    font-size: 14px;
    font-weight: bold;
    bottom: -5px;
}

.ion_content {
    margin-left: 10px;
}

.dark_bg {
    margin: 0 12px;
    min-height: 80px;
    padding: 1px;
}

#caseImageContainer .case_simple {
    border: none;
}

.weaponAddContainer {
    border: 0;
}

.weaponAddContainer label {
    display: inline-block;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0;
    position: relative;
}

.weaponAddContainer label > input[type="checkbox"] {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: -.5rem;
    cursor: pointer;
    opacity: 0;
    z-index: 666;
}

.weaponAddContainer label span {
    display: inline-block;
    height: 13px;
    width: 13px;
}

.weaponAddContainer .filter_list_item span.filter_name {
    font-size: 16px;
    margin-left: 5px;
    vertical-align: top;
}

#filter_extra_div .filter_list_item {
    width: auto !important;
}

ul.filter_list .filter_list_item {
    width: 215px !important;
}

.weaponAddContainer .filter_list_item span.filter_name span {
    font-size: 14px;
}

.filter_list_item {
    height: 25px;
    vertical-align:top;
}

#filter_extra_div .ul_stat {
    margin-top: 16px;
}

#filter_extra_div label {
    border-radius: 11px;
    display: inline-block;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0;
    position: relative;
}

#filter_extra_div label > input[type="radio"] {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: -.5rem;
    cursor: pointer;
    opacity: 0;
    z-index: 666;
}

#filter_extra_div label span {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 7px;
}

#filter_extra_div li {
    width: 120px !important;
}

#filter_extra_div .filter_list {
    vertical-align: middle;
    line-height: 26px;
}

#filter_extra_div input:not([type="radio"]):not([type="checkbox"]) {
    width: 269px;
    min-width: 269px;
}

#newCaseWeapon {
    overflow: hidden;
    text-align: left;
}

#newCaseWeapon div.weaponDiv {
    width: 143px;
    height: 143px;
    vertical-align: top;
    margin: 1px;
    padding: 2px;
    border-radius: 0;
}

#newCaseWeapon {
    background: none;
    height: 468px;
}

.simple_page_title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background-image: linear-gradient(to right, #ffcc00, #ffcc00), linear-gradient(#ffcc00, #ffcc00);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

.simple_page_sub_title {
    font-size: 24px;
    line-height: 1.08;
    text-align: center;
    color: #e00f8b;
    margin: 30px 0 55px 0;
}

.simple_page_sub_text_heaven {
    font-size: 18px;
    line-height: 1.44;
    text-align: justify;
    color: #000000;
}

.simple_page_sub_text_hell {
    font-size: 18px;
    line-height: 1.44;
    text-align: justify;
    color: #fefefe;
}

.block_heaven .btn {
    border-radius: 20px;
    font-size: 14px;
    letter-spacing: 0.4px;
    text-align: center;
    color: #1b47d4 !important;
    border: solid 2px #1b47d4 !important;
    width: 340px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    margin: 55px 0 32px 0;
    box-shadow: none;
    cursor: default;
}
.block_heaven .btn:hover {
    background: none !important;
    color: #1b47d4 !important;
}

.block_hell .btn:hover {
    background: none !important;
    color: #ffcc00 !important;
}

.block_heaven .block_heaven_bg::before, .block_hell .block_hell_bg::before {
    background:  url("../img/last_design/common/mouse.png") no-repeat scroll 355px 0;
    content: "";
    width: 400px;
    height: 30px;
    position: absolute;
    top: -5px;
}

.block_heaven .clk {
    background: url("../img/last_design/common/clock.png") no-repeat scroll center 0;
    width: 126px;
    height: 88px;
    margin: 55px auto -30px auto;
}

.block_hell .btn {
    border-radius: 20px;
    font-size: 14px;
    letter-spacing: 0.4px;
    text-align: center;
    border: solid 2px #ffcc00;
    width: 340px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    margin: 55px 0 32px 0;
    box-shadow: none;
    cursor: default;
}

.block_hell .small_circle, .block_heaven .small_circle {

    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: solid 1px #ffffff;
    margin-top: 65px;
    position: absolute;
}

.block_heaven_bg, .block_hell_bg {
    width: 1px;
    background-color: #ffffff;
    position: absolute;
    margin: -42px 0 0 10px;
}

.block_heaven_bg:nth-child(4){
    height: 207px;
}

.block_heaven_bg:nth-child(8){
    height: 270px;
}

.block_heaven_bg:nth-child(13){
    height: 182px;
}

.block_hell_bg:nth-child(4){
    height: 207px;
}

.block_hell_bg:nth-child(8){
    height: 182px;
}

.info_page {
    margin: auto;
    text-align: center;
    width: 1140px;
}

.info_page .half {
    width: 450px;
    float: right;
}

.info_page .half:first-child {
    float: left;
}

.info_page .block_heaven .text {
    font-size: 18px;
    line-height: 1.44;
    text-align: justify;
    color: #000000;
    margin-left: 55px;
}

.info_page .block_hell .text {
    font-size: 18px;
    line-height: 1.44;
    text-align: justify;
    color: #ffffff;
    margin-left: 55px;
}

#footer_bg_shadow {
    background: url("../img/last_design/hell/bg/footer.png") repeat-x scroll center top transparent;
    height: 221px;
    margin-top: -301px;
    width: 100%;
    position: relative;
    z-index: 5;
}

#footer .footer_text_left, #footer .bottom .footer_text_right {
    z-index: 5;
}

.top {
    margin-top: -140px;
}

#footer {
    bottom: 40px;
}

#header_text_footer {
    top: 220px;
}

#footer .footer_text_right {
    top: 90px;
}

.content_main_body {
    padding-bottom: 195px;
}

#live_drop .item .title .title_item {
    border-radius: 15px 15px 15px 15px;
    color: #FFCC00;
    font-size: 14px;
    margin: auto;
    opacity: 0;
    padding: 4px;
    width: 80%;
}

#live_drop .item .title .title_text {
    font-size: 14px;
    height: 20px;
    line-height: 4px;
}

.logo_area .mode_choice {
    background: rgba(0, 0, 0, 0) url("../img/last_design/hell/common/help.png") no-repeat scroll 1px 3px;
    height: 46px;
    margin-left: 130px;
    position: absolute;
    width: 41px;
}

.logo_area .choose_side_control {
    background: url(../img/last_design/common/bg/side_mode.png) no-repeat scroll;
    width: 302px;
    height: 46px;
    margin: auto;
    z-index: 2;
    position: relative;
    top: -10px;
}

.logo_area .choose_side_control.heaven {
    background: url(../img/last_design/common/bg/side_mode_heaven.png) no-repeat scroll;
    width: 302px;
    height: 46px;
    margin: auto;
    z-index: 2;
    position: relative;
    top: -10px;
}

.logo_area .choose_side_control .choose_side_heaven {
    border-right: 0;
    cursor: pointer;
}

.logo_area .choose_side_control .choose_side_hell {
    border-left: 0;
    cursor: pointer;
}

.btn_small, .btn {
    border: 2px solid #ffcc00 !important;
    color: #ffcc00 !important;
    text-transform: uppercase;
    padding: 0 40px;
}

.opencase .opencase-bottom .opencase-bottom-opening {
    border: none !important;
    margin-top: 0;
}

.btn_small i, .btn i {
    font-style: normal;
}

.promocode {
    border-top: 1px solid #433747;
}

.btn_small:hover, .btn:hover {
    background-color: #fcd537 !important;
    color: #000 !important;
}

.header_stats .stat_num {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #56fffb, #56ffd5), linear-gradient(#56fffb, #56fffb);
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align: left;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    top: 2px;
    color: #10e8f0;
}

.header_stats .stat_text {
    color: #10e8f0;
}

.header_stats #registered-stat .stat_num {
    background-image: linear-gradient(to right, #ff4124, #ff244f), linear-gradient(#ff4124, #ff244f);
    color: #ff4124;
}

.header_stats #registered-stat .stat_text {
    color: #8b7191;
}

/* CASE CREATE AREA*/
.case_create_area {
    width: 30.3%;
    float: left;
    height: 235px;
    margin-top: 10px;
}

.case_create_area_line_sep {
    width: 1px;
    height: 80px;
    opacity: 0.4;
    float: left;
    margin: 70px 26px 0 26px;
    background-color: #605ca8;
}

.case_create_area_line_sep {
    height: 110px;
}

.case_create_area_line_sep:nth-child(2) {
    background-color: #168efb;
}

.case_create_menu_line_sep {
    width: 1180px;
    height: 1px;
    opacity: 0.4;
    background-image: linear-gradient(to right, #168efb, #e00f8b);
    margin: auto;
    background-color: #168efb;
}

.case_create_area .subtitle {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #e00f8b, #e00f8b), linear-gradient(#e00f8b, #e00f8b);
    color: #e00f8b;
}

.case_create_area .subtitle_margin {
    margin-top: 6px;
}

.case_create_area a {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.4px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
    padding-bottom: 2px;
    position: relative;
    top: -5px;
}

.case_create_area a:hover {
    color: #10e8f0 !important;
}

.case_create_area .dark_bg {
    margin-top: 47px;
}

.case_create_area .dark_bg_loading {
    position: absolute;
    margin: 30px 150px;
}

.case_create_area input[type=text] {
    margin-top: 65px;
}

.case_create_area .affPercentage {
    font-size: 20px;
}

.case_create_area .subtitle_attention, .modal .subtitle_attention, .table .subtitle_attention{
    background: url("../img/last_design/common/attention.png") no-repeat scroll left 0 transparent;
    width: 23px;
    height: 23px;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.table .subtitle_attention{
    background: url("../img/last_design/common/attention.png") no-repeat scroll 5px 0 transparent;
    width: 28px;
}

.table .subtitle_attention_wh{
    background: url("../img/last_design/common/attention-wh.png") no-repeat scroll 5px 0 transparent;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    top: 11px;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

.table .subtitle_attention_ye{
    background: url("../img/last_design/common/attention-ye.png") no-repeat scroll 0 0 transparent;
    width: 23px;
    height: 23px;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    top: 4px;
    cursor: pointer;
}

.table .subtitle_attention{
    top: 7px;
}

.irs-from, .irs-to, .irs-single {
    background: url("../img/last_design/common/progressbar-val.png") no-repeat scroll center top transparent !important;
    width: 48px;
    height: 30px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    margin-top: -12px;
}

#caseCreateTaxHelp.modal .title,
#caseCreateImageHelp.modal .title,
#caseCreateWinOrDieHelp.modal .title,
#caseCreateWinOrDieConfirm.modal .title,
#caseCreateChangeModeConfirm.modal .title,
#caseCreateTaxHelp.modal .title,
#caseCreateImageDefHelp.modal .title
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.44;
    color: #e00f8b;
}

#caseCreateTaxHelp.modal .text {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
}

#caseCreateTaxHelp.modal .text_num,
#caseCreateWinOrDieConfirm.modal .text_num,
#caseCreateWinOrDieHelp.modal .text_num {
    color: #e00f8b;
    margin-right: 10px;
    margin-left: 32px;
    font-size: 16px;
    line-height: 26px;
}

#caseCreateWinOrDieConfirm a.btn_small, #caseCreateChangeModeConfirm a.btn_small {
    margin: 22px 10px;
}

#caseCreateWinOrDieConfirm.modal .text_num, #caseCreateWinOrDieHelp .text_num {
    vertical-align:top;
}

#caseCreateWinOrDieConfirm.modal .text, #caseCreateWinOrDieHelp .text, #caseCreateChangeModeConfirm.modal .text{
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
}

#caseCreateWinOrDieConfirm.modal .text {
    width: 340px;
}

.case_create_block {
    width: 1180px;
    margin: auto;
    text-align: center;
}

.case_create_area .newCaseImage {
    width: 170px;
    height: 170px;
    background-size: 205px;
}

.heading_text {
    color: #c2117a;
    font-size: 23px;
    font-weight: bold;
    margin: 20px 0 60px 0;
}

.heading_text::before {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c2117a, #c2117a), linear-gradient(#c2117a, #c2117a);
    color: #c2117a;
    content: "___";
    font-size: 46px;
    line-height: 45px;
    vertical-align: top;
    position: absolute;
}

.heading_subtitle_text {
    font-size: 20px;
    line-height: 1.05;
    letter-spacing: 0.5px;
    text-align: left;
    color: #174d7e;
    margin: 20px 0 6px 0;
}

.heading_subtitle_text:nth-child(3) {
    margin-bottom: 20px;
}

.caseCreator {
    width: 1180px;
    margin: auto;
}

.form-control {
    border: 1px solid rgba(255, 255, 255, .3) !important;
    background-color: transparent;
    padding: 0.3rem 0.5rem;
    font-size: 14px;
    color: #fff;
}

#fixed_price_block .form-control {
    padding: 0.2rem 0.5rem;
}

.weaponAddContainer #filter_extra_div div.float_left {
    margin-top: 28px;
}

.weaponAddContainer #filter_extra_div div.float_left_sep {
    float: left;
    width: 1px;
    height: 30px;
    opacity: 0.4;
    background-color: #ffffff;
    margin: 20px 30px;
}

.weaponAddContainer #filter_extra_div div.float_left:nth-child(1) {
    margin-top: 0;
}

.url_form input.number{
    background: #1d0c21 url('../img/usd.png') no-repeat 18px 12px;
    min-width: 110px !important;
    width: 110px !important;
    height: 40px;
    border-radius: 20px;
    background-color: #C10F7E;
    font-size: 18px;
    line-height: 1.17;
    letter-spacing: 0.5px;
    text-align: left;
    color: #ffffff;
    margin: -12px 12px;
    border: none !important;
    padding: 0 0 0 38px;
}

.url_form input.number:focus{
    border: none !important;
}

.url_form .btn.reset{
    margin-top: -13px;
    height: 38px;
    padding: 0 30px;
    line-height: 38px;
}

#live_drop .item {
    cursor:pointer;
    overflow:hidden;
    position:relative;
    height: 80px;
    width: 237px;
    float:left;
    border-bottom:5px solid;
}

#live_drop .item {
    background: #080317;
}

#hoverItem {
    width: 237px;
    height: 80px;
    display: none;
    z-index: 5;
    text-align: center;
}

#hoverItem {
    background-color: black;
}

#hoverItem {
    width: 237px;
    height: 80px;
    display: none;
    z-index: 6;
    text-align:center;
}

#hoverItem .picture {
    top: 10px;
    position: relative;
    text-align: center;
}

#hoverItem .case-image {
    height: 48%;
    position: relative;
}

#hoverItem .userpic {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

#hoverItem .user{
    top: -5px;
    position: relative;
    left: 40px;
}

#hoverItem .user .text{
    top: 5px;
    position: absolute;
    left: 45px;
}

#hoverItem .title {
    font-size: 16px;
    text-align: center;
}

#hoverItem .bottom_box_shadow {
    bottom: 0 !important;
    position: fixed;
}

#hoverItem .drop-image {
    display: none;
}
/* CASE CREATE AREA END */

.filter_list input[type="radio"], .table input[type="radio"] {
    display: none;
}

.filter_list input[type="radio"] + label {
    border: 2px solid #C5DFE7;
    margin: 0 10px 0 25px;
    border-radius: 10px;
}

.table input[type="radio"] + label {
    border: 2px solid #C5DFE7;
    margin: 0 10px 0 0;
    border-radius: 10px;
}

.table td.col1 input[type="radio"] + label {
    margin: 40px 10px 0 0;
    vertical-align:top;
}

.filter_list li:nth-child(1) input[type="radio"] + label {
    margin: 0 10px 0 0;
}

.filter_list input[type="radio"] + label span, .table input[type="radio"] + label span {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 7px;
}

.filter_list input[type="radio"]:checked + label span, .table input[type="radio"]:checked + label span{
    background-color:#ff313c;
    border: 2px solid #6F8195;
}

.filter_list input[type="radio"]:checked + label, .table input[type="radio"]:checked + label {
    border: 2px solid #fff;
    border-radius: 10px;
}

.filter .filter_list input[type="checkbox"], .table .win-or-die-select input[type="checkbox"] {
    display: none;
    position: relative;
    z-index: -9999;
}

.filter .filter_list label, .table .win-or-die-select label {
    font-size: 16px;
    line-height: 1.87;
    letter-spacing: 0.4px;
    text-align: left;
    color: #fff;
    cursor:pointer;
}

.filter .filter_list label span, .table .win-or-die-select label span {
    width: 16px;
    height: 16px;
    display: block;
    border-radius: 3px;
    border: solid 2px #C4DEE7;
    margin: 5px 10px 0 0;
}

.table .win-or-die-select label span {
    margin: 5px 4px 0 0;
}

.filter .filter_list input[type="checkbox"]:checked + span, .table .win-or-die-select input[type="checkbox"]:checked + span {
    background: #BF3119;
    border: 2px solid #C5DFE8;
}

.case_create_header {
    height: 60px;
    background: -moz-linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13, 88, 155, 0.2)), color-stop(100%, rgba(255, 36, 79, 0.2)));
    background: -webkit-linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
    background: linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
}

.case_create_header span.title_block {
    width: 24.5%;
    display: inline-block;
    font-size: 20px;
    text-align: left;
    color: #ffffff;
    padding: 9px 43px;
    height: 40px;
}

.case_create_header span.title_block:nth-child(3) {
    padding: 4px 15px;
}

.case_create_header span.number {
    color: #ffcc00;
    font-weight: bold;
}

.panel-body .btn, .table .btn {
    padding: 0 50px;
    position: relative;
    top: -3px;
}

.panel-body .mode_heaven {
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #56fffb, #56ffd5), linear-gradient(#56fffb, #56ffd5);
    color: #56fffb;
    padding: 6px 0 6px 0 !important;
}

.panel-body .mode_hell {
    font-size: 23px;
    font-weight: bold;
    text-align: left;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ff4124, #ff244f), linear-gradient(#ff4124, #ff244f);
    color: #ff4124;
    padding: 6px 0 6px 0 !important;
}

.panel-body .table th {
    border: none;
    text-align:center;
}

.panel-body .table th.url_form   {
    padding: .75rem .65rem;
}

.panel-body .table td {
    border: none;
    text-align:left;
    padding: .25rem .75rem;
}

.panel-body .table th {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: 0.4px;
    text-align: left;
    color: #ffffff;
    text-transform: none;
    font-weight: normal;
    vertical-align:top;
}

.panel-body .table .filter_list_item label {
    vertical-align:middle;
}

.panel-body .table tr.head_titles td {
    background-image: linear-gradient(to right, #ffcc00, #ffcc00), linear-gradient(#ffcc00, #ffcc00);
    font-family: ProximaNova;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#newCaseWeaponTable th.col1, #newCaseWeaponTable td.col1, .v-a-m.col1 { width: 18%;}
#newCaseWeaponTable th.col2, #newCaseWeaponTable td.col2, .v-a-m.col2 { width: 18.5%;}
#newCaseWeaponTable th.col3, #newCaseWeaponTable td.col3, .v-a-m.col3 {
    width: 8%;
}

#newCaseWeaponTable tr.head_titles td.col4::before, #newCaseWeaponTable tbody td.col4::before {
    content:'';
    position: absolute;
    width: 1px;
    margin-left: -25px;
    background-color: #7f7942;
    height: 140px;
    margin-top: -75px;
}
#newCaseWeaponTable tbody td.col4::before {
    height: 120px;
    margin-top: 0;
}

#newCaseWeaponTable th.col4, #newCaseWeaponTable td.col4, .v-a-m.col4 { width: 19%;}
#newCaseWeaponTable th.col5, #newCaseWeaponTable td.col5, .v-a-m.col5 { width: 18.5%;}
#newCaseWeaponTable th.col6, #newCaseWeaponTable td.col6, .v-a-m.col6 { width: 11%;}
#newCaseWeaponTable th.col7, #newCaseWeaponTable td.col7, .v-a-m.col7 { width: 7%;}

#newCaseWeaponTable .v-a-m.col6::before {
    content:'';
    position: absolute;
    width: 1px;
    height: 30px;
    opacity: 0.4;
    background-image: linear-gradient(to right, #ff4124, #ff244f);
    margin-left: 110px;
}

#newCaseWeaponTable .v-a-m {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.4px;
    text-align: left;
    color: #ffcc00;
    text-transform: none;
}

.v-a-m.col2 div, .v-a-m.col5 div{
    color: #ffffff;
}

#newCaseWeaponTable .v-a-m.col3 {
    color: #fefefe;
    text-transform: uppercase;
}

#newCaseWeaponTable .form-control-small, #newCaseWeaponTable .newWeaponPercentage {
    width: 73px;
    min-width: 73px;
    height: 28px;
    margin-top: 4px;
    padding: 0 13px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .3) !important;
    color: #fff;
}

#newCaseWeaponTable .form-control-small {
    margin-left: 5px;
    margin-top: 0;
    width: 65px;
    min-width: 65px;
}

.panel-body .table  tr.head_total_titles th{
    letter-spacing: 0;
    padding: 12px 0 12px 2px;
}

#newCaseWeaponTable .head_total_titles span {
    font-weight: bold;
    color: #ffcc00;
    font-size: 18px;
}

#newCaseWeaponTable .head_total_titles span.case_down_right_title{
    font-size: 17.8px;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: normal;
}

.deleteNewCaseWeapon {
    background: url("../img/last_design/common/delete.png") no-repeat scroll center top;
    height: 25px;
    width: 38px;
    cursor: pointer;
}

table.table tbody .newWeaponItem.active {
    background: -moz-linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13, 88, 155, 0.2)), color-stop(100%, rgba(255, 36, 79, 0.2)));
    background: -webkit-linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
    background: linear-gradient(left, rgba(13, 88, 155, 0.2) 0%, rgba(255, 36, 79, 0.2) 100%);
}

.case_create_area .my_cases {
    top: 55px;
}

table.table .win-or-die-select {
    padding: 20px 0 0 10px;
    font-size: 20px;
    color: #e00f8b;
    text-transform: none;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, 0.03);
}

.line-crossed::before {
    content: '';
    position: absolute;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    width: 65px;
    margin-top: 9px;
}

div.styled-select { margin: 22px 0 8px 0; }

.styled-select {
    height: 36px;
    overflow: hidden;
    width: 295px;
}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 36px;
    padding: 0 10px;
    width: 300px;
    font-weight: normal;
}

.styled-select.fixed_mode {
    width: 120px;
}
.styled-select select#fixed_mode {
    width: 130px;
}

.rounded {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.styled-select option {
    font-size: 14px;
    height: 18px;
    padding: 4px 0;
    vertical-align: middle;
    font-weight: normal;
}

/*---CUSTOM SELECT END---*/

#fixed_price_block input[type="text"] {
    font-size: 15px !important;
    font-weight: normal !important;
    margin: 12px auto 12px 1px !important;
    padding: 5px 10px !important;
    width: 70px !important;
    border-radius: 0;
    height: 28px;
    position: relative;
    top: -15px;
}

.weapons_bg {
    height: 40px;
    position: absolute;
    width: 940px;
    opacity: 0.4;
}

.panel-body .block_middle {
    height: 25px;
}

#clearNewCaseList {
    line-height: 38px;
    height: 38px;
    margin: 2px 0 0;
}

#weapons_limit, #weapons_total {
    font-size: 20px;
    font-weight: bold;
    padding: 25px 0 0;
}

.newWeaponItem input[type="radio"], .bonus_choices input[type="radio"] {
    display:none;
}
.newWeaponItem input[type="radio"] + label, .bonus_choices input[type="radio"] + label {
    font-size:14px;
    padding: 0;
    border-radius: 10px;
    margin-bottom: 8px !important;
}

.bonus_choices input[type="radio"] + label {
    margin-left: 3px;
}

.newWeaponItem input[type="radio"] + label span, .bonus_choices input[type="radio"] + label span {
    border-radius: 6px;
    display: inline-block;
    height: 12px;
    width: 12px;
}

.newWeaponItem input[type="radio"] + label span {
    border-radius: 7px;
}

.bonus_choices input[type="radio"] + label span {
    height: 12px;
    width: 12px;
}

#newCaseWeaponTable {
    font-size: 18px;
}

.stattrack_text {
    font-size: 12px;
    margin-top: 5px;
    position: relative;
}

.commonContainer-noData {
    font-size: 20px;
    color: #ffcc00;
    text-align:center;
    margin-top: 60px;
}

#newCaseWeaponTable .newWeaponPercentage {
    width: 80px;
}

.v-a-m {
    height: 100px !important;
}

.float_right .btn {
    margin: 0 10px;
}

.irs-line-mid {
    left: 1%;
    width: 100%;
}

.irs-line-left {
    width: 1%;
}

.activeCell {
    border-bottom: 0 !important;
}

#customCasesList div.panel, #customCasesList_paging div.panel{
    width: 24%;
    float: left;
    margin-left: 7px;
}

#header .user_li span.user_menu {
    display: inline-block;
    line-height: 30px;
    margin-left: 5px;
    vertical-align: middle;
}

#header .user_li span.user_menu:last-child {
    margin-left: 50px;
}

#header .user_li span.user_menu:nth-child(1) {
    font-size: 18px;
    height: 30px;
    line-height: 24px !important;
    vertical-align: top;
}

#header .user_li span.user_menu:nth-child(2) {
    margin-top: -7px;
    vertical-align: top;
}

#header .user_li a#addbalance {
    display: inline-block;
    height: 12px;
    width: 23px;
    margin: 1px 3px;
}

#header .user_li a#logout {
    display: inline-block;
    height: 22px;
    width: 22px;
}

#header .userpic {
    border-radius: 20px;
    display: inline-block;
    height: 28px;
    line-height: 20px;
    position: static;
    width: 28px;
    left: 0;
}

.logged .plus {
    border-width: 0;
    height: 30px;
    margin: 14px;
}

.modal input[type="text"]  {
    font-size: 16px;
}

#banner_content.modal input[type="text"]  {
    font-size: 12px;
    padding: 0 3px;
}

.breadcrumbs .common_breadcrumb_circle {
    border-radius: 20px;
    padding: 3px 4px;
}

.logo_area .logo a {
    width: 309px;
    height: 100px;
    display: inline-block;
}

.url_form input[type=text], #coupon_content input[type=text] {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3) !important;
}

input[type=text].irs-bar.irs-hidden-input {
    border: none !important;
}

.url_form input[type=text]:focus {
    border: 1px solid rgba(255, 204, 0, .6) !important;
}

.info .sell:hover {  background: rgba(255,216,0,1);}
.info .sell {
    background: rgba(255,216,0,0.1);
    border:2px solid #ffd800;
}
.logged .userpic {
    border: 3px solid #ffcc00;
}

#header .user_li a#addbalance {
    background: url(../img/last_design/hell/common/add_balance.png) no-repeat scroll 0 0;
}

.notice {
    color: #9F9F9F;
}

.notice:before {
    border-top: 1px solid #433747;
    background: url(../img/last_design/hell/common/attention.png) no-repeat scroll 0 11px;
    color: #7f7b7f;
}

.modal .title {
    color: #ff2948;
}

.notice_confirm { color: #fff; }
.bonus_choices { color: #8DCF23; }
.bonus_choices .no { color: #D65328; }

.payment_popup .bonus_choices {
    color: #fff;
}

::-webkit-input-placeholder {color: #fff;}
::-moz-placeholder          {color: #fff; }/* Firefox 19+ */
:-moz-placeholder           {color: #fff; }/* Firefox 18- */
:-ms-input-placeholder      {color: #fff;}


#newCaseWeaponTable ::-webkit-input-placeholder {color: #828397;}
#newCaseWeaponTable ::-moz-placeholder          {color: #828397; }
#newCaseWeaponTable :-moz-placeholder           {color: #828397; }
#newCaseWeaponTable :-ms-input-placeholder      {color: #828397;}

#caseCreateImageHelp .case_simple {
    background-color: #201124;
    border: 1px solid #584d5b;
}

#footer_bg {
    margin-top: 150px;
}

.payment_popup .active {
    background: url('../img/last_design/hell/common/parrow.png') no-repeat 0 0;
}