@import 'product.css';

.sweet-alert {
    display: block;
    width: 500px;
    padding: 20px;
    border: 4px solid yellow;
    border-radius: 25px;
    background: #000 !important;
    min-height: 428px;
}

.sweet-alert .config {
    background: yellow !important;
    color: #000;
    border: 3px solid #000 !important;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 25px;
    padding: 10px 32px;
    margin: 0 5px;
    cursor: pointer;
}

@media only screen and (max-width : 500px) {
    .section_content::after {
        content: "";
        background:url(../images/bg-content_cropped_progr.png) no-repeat,#000;
        background-position-x: 90%;
        background-position-y: 90%;
        opacity: 1;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }
}

/*@media only screen and (max-width : 500px) {
    .section_content{
        background: url(../images/bg-content_cropped_progr.png) no-repeat 100% bottom,#000;
    }
}*/

@media only screen and (min-width : 500px) {
    .section_content{
        background: url(../images/bg-content_cropped_progr.png) no-repeat 107% bottom,#000;
    }
}

@media only screen and (max-width : 500px) {
    .section_content{
        /*height: 100vh;*/
    }
}

@media only screen and (max-width : 1000px) {
    .footer_line {
        padding: 0px;
        margin-top:-30px;
    }
}

@media only screen and (max-width: 500px) {
    .energizer-bg {
        background-position: -10px 270px;
        background-size: 52%;
    }
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: yellow;
    border-radius: 20%;
    /*height: 15px;*/
    width: 15px;
}

@media only screen and (min-width: 1000px) {
    .col-123 {
        margin-left: 20px;
    }

    .col-123 .media {
        float:left;
    }
}

nav {
    margin-right: 6%;
}

.no-background {
    background: none;
}

@media only screen and (max-width: 600px) {
    .modal-content {
        margin: 20px;
        padding: 10px;
    }
    .modal-content .header-group-modal .modal-h {
        font: bold 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .modal-content .remove-modal {
        top: -32px;
        right: -20px;
        zoom: .6;
    }
    .modal-h-reg {
        float: left;
    }
    .modal-h-input {
        float: left;
    }
}

.nameUser {
    margin: 0 15px 0 0;
    display: inline-block;
}

.amountMoney {
    background: yellow;
    color: #000;
    display: inline-block;
    padding: 0 10px;
    border-radius: 25px;
    margin-right: 10px;
}

@media only screen and (max-width: 1400px) {
    header .nameUser {
        margin: 0 15px 0 0;
        display: inline-block;
    }

    header .amountMoney {
        background: yellow;
        color: #000;
        display: inline-block;
        padding: 0 10px;
        border-radius: 25px;
        margin-right: 10px;
    }

    header .amountMoney i {
        padding: 0 5px;
    }
}

.amountMoney i {
    padding: 0 5px;
}

.wrapPromoCode {
    margin-left: 10%;
    max-width: 500px;
    width: 100%;
    text-align: center;
}

.wrapPromoCode .btnMenu {
    display: inline-block;
}

.wrapPromoCode .btnMenu img {
    width: 180px;
}

.wrapPromoCode label {
    color: #fff;
}

.wrapPromoCode .form-group {
    display: inline-block;
    width: 320px;
}

.wrapPromoCode .btnRegistration {
    display: inline-block;
    margin: -15px 0 0;
}

.wrapPromoCode .btnRegistration img {
    width: 300px;
}

.listData {
    position: absolute;
    display: block;
    left: 107%;
    top: 297px;
    width: 620px;
}

.listData li {
    vertical-align: bottom;
    width: 190px;
    color: #fff;
    font: normal 14px/14px 'Exo 2', sans-serif;
    text-transform: uppercase;
    /* margin: 20px 0; */
    display: inline-block;
}

.listData li p {
    color: yellow;
    font: bold 34px/34px 'Exo 2', sans-serif;
}

header nav .nav-top.mini_menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 26px;
    z-index: 100;
    background: #121213;
    border: 5px solid #000;
    padding: 0;
}

header nav .nav-top.mini_menu li {
    border-bottom: 1px solid #2b1818;
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px;
}

.section_content.account .number_desc {
    color: yellow;
    font: bold 34px/34px Arial;
}

.account .wrap_media .media .media-body ul li{
    font-weight: 500;
    font-size: small;
    color: #FFFFFF;

}
.account .media .number_desc {
     width: auto;
}

@media only screen and (max-width: 760px) {
    .account .wrap_media {
        display: none;
    }
}