/*==============

Colors Fix

===============*/

html{

    overflow-x: hidden;

}

.Full-flex {

    display: flex;

}

.Full-space{

    justify-content: space-between;

}

a ,

.btn-info,

.br-logo > a,

.nav-style-1 .nav-link.active{

    color: #00245c;

}

.tx-gold,

.br-menu-sub .sub-link.active,

.br-menu-sub .sub-link:hover,

.br-menu-sub .sub-link:focus ,

.user-profile-nav .icon,

.profile-earning-label,

.tx-info,

.br-logo > a i,

a.hover-info:hover, a.hover-info:focus {

    color: #fecc11;

}

.btn-info,

.btn-primary,

.pagination-basic .active .page-link,

.pagination-basic .active .page-link:hover,

.pagination-basic .active .page-link:focus,

.br-menu-sub .sub-link.active::before,

.br-menu-sub .sub-link:hover::before,

.br-menu-sub .sub-link:focus::before,

.nav-style-1 .nav-link.active,

.select2-container--default .select2-results__option--highlighted[aria-selected],

.select2-container--default .select2-selection--multiple .select2-selection__choice,

.select2-container--default .select2-results__option[aria-selected="true"],

.ckbox span::after {

    background-color: #fecc11;

}

.btn-primary,

.btn-info,

.btn-info:hover {

    border-color: #fecc11;

}

a.tx-info:hover,

a.tx-info:focus {

    color: #e2b011;

}

.btn-primary:hover,

.btn-info:active,

.btn-info.active,

.show > .btn-info.dropdown-toggle,

.btn-info:hover {

    background-color: #e2b011;

}

.btn-primary:hover,

.btn-info:active,

.btn-info.active,

.show > .btn-info.dropdown-toggle,

.form-control:focus,

.dataTables_filter input:focus {

    border-color: #e2b011;

}

.btn-info:focus, .btn-info.focus {

    box-shadow: 0 0 0 3px rgba(226, 176, 17, 0.5);

}

.br-menu-link.active {

    background-image: linear-gradient(to right, #fecc11 0%, #e2b011 100%);

}

.M24-icon-user{

    border: 2px solid #ccc;

    border-radius: 50%;

    height: 25px;

}

.inputfile + .if-style-1 {

    color: #616161;

}

.inputfile + .if-style-1 .icon-wrapper {

    background-color: #616161;

}

.inputfile + .if-style-1.success  {

    color: #23BF08;

}

.inputfile + .if-style-1.success .icon-wrapper {

    background-color: #23BF08;

}

.M24-note {

    color: #777;

    background: #ececec;

    padding: 0 10px;

    border-radius: 25px;

    float: right;

}

a.active .M24-note {

    color: #fff;

    background: #f5b00c;

}

/*==============

Nav

===============*/

body:not(.collapsed-menu) #btnLeftMenu .icon.ion-navicon-round::before {

    content: '\f3cf';

}

.br-header-right .form-control,

.br-header-right .dataTables_filter input {

    border: 0;

    border-radius: 0;

    padding: 0 20px;

}

.br-header-right .input-group-btn {

    border-right: 1px solid rgba(0, 0, 0, 0.15);

}

.br-header-right .input-group-btn .btn,

.br-header-right .input-group-btn .sp-container button {

    background-color: #fff;

    border-radius: 0;

    border: 0;

    color: #868e96;

    padding-left: 20px;

    padding-right: 20px;

}

.br-header-right .input-group-btn .btn:focus,

.br-header-right .input-group-btn .sp-container button:focus,

.br-header-right .input-group-btn .btn:active,

.br-header-right .input-group-btn .sp-container button:active {

    color: #343a40;

    box-shadow: none;

}

.M24-sch {

    display: flex;

    height: 60px;

    border-left: 1px solid rgba(0, 0, 0, 0.15);

}

.logged-name {

    font-size: 16px;

    position: relative;

    top: 2px;

}

.nav-link {

    display: block;

    padding: 0.7rem 0.8rem;

}

@media (max-width: 575px) {

    .br-header-right .M24-sch {

        border-left: none;

        position: absolute;

        top: 0px;

        right: 60px;

        left: 60px;

        width: auto;

    }

    .br-header-right .dropdown {

        position: relative;

        position: absolute;

        right: 0px;

        top: 0px;

        width: 60px;

    }

}



.M24-drop.dropdown,

.M24-drop-mini.dropdown{

    position: static;

}

.M24-drop.dropdown .dropdown-menu{

    width: auto;

    right: 0px;

    transform: translate3d(0px, 50px, 0px) !important;

}

.M24-drop-mini.dropdown .dropdown-menu {

    width: 60%;

    left: auto !important;

    right: 0px;

    transform: translate3d(0px, 60px, 0px) !important;

}

.M24-drop-mini.dropdown.M24-left .dropdown-menu {

    left: 0 !important;

    right: auto !important;

}

.M24Lable{

    padding: 5px;

    background-color: #f8f9fa;

    display: block !important;

}

.select2-dropdown,

.ui-datepicker {

    z-index: 9999 !important;

}

.select2 {

    width: 100% !important;

}

#jq-signature-canvas-1 {

    border: 2px solid #e0e0e0 !important;

    border-radius: 5px;

    margin-bottom: 15px;

}



/*==============

image square

===============*/

img.wd-48 {

    object-fit: cover;

    width: 48px;

    height: 48px;

}

img.wd-40 {

    object-fit: cover;

    width: 40px;

    height: 40px;

}

img.wd-36 {

    object-fit: cover;

    width: 36px;

    height: 36px;

}

img.wd-80 {

    object-fit: cover;

    width: 80px;

    height: 80px;

}

.widget-4 .card-profile-img img {

    object-fit: cover;

    width: 100px;

    height: 100px;

}

/*==============

payment section

===============*/

.M24-card.of{

    overflow: hidden;

}



.M24-card.row{

    cursor: pointer;

}

.M24-card .card-body,

.M24-card .ion-ios-arrow-up,

.M24-card.collapsed .ion-ios-arrow-down,

.M24-card .card-footer {

    display: block;

}

.M24-card.collapsed .card-body,

.M24-card .ion-ios-arrow-down,

.M24-card.collapsed .ion-ios-arrow-up,

.M24-card.collapsed .card-footer {

    display: none;

}

.M24-card .M24-card-location {

    position: absolute;

    right: -10px;

    transform: scale(2.5);

    top: -7px;

}

/*==============

Payment V2

===============*/

.M24-card-green {

    border-left: 3px solid #23BF08;

}

.M24-card-gray{

    border-left: 3px solid #c9c9c9;;

}

/*==============

pop up image

===============*/



.slbOverlay, .slbWrapOuter, .slbWrap {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}



.slbOverlay {

    overflow: hidden;

    z-index: 2000;

    background-color: #fff;

    opacity: 1;

    -webkit-animation: slbOverlay 0.5s;

    -moz-animation: slbOverlay 0.5s;

    animation: slbOverlay 0.5s;

}



.slbWrapOuter {

    overflow-x: hidden;

    overflow-y: auto;

    z-index: 2010;

}



.slbWrap {

    position: absolute;

    text-align: center;

}



.slbWrap:before {

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}



.slbContentOuter {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin: 0px auto;

    padding: 0 1em;

    box-sizing: border-box;

    z-index: 2020;

    text-align: left;

    max-width: 100%;

}



.slbContentEl .slbContentOuter {

    padding: 5em 1em;

}



.slbContent {

    position: relative;

}



.slbContentEl .slbContent {

    -webkit-animation: slbEnter 0.3s;

    -moz-animation: slbEnter 0.3s;

    animation: slbEnter 0.3s;

    background-color: #fff;

    box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4);

}



.slbImageWrap {

    -webkit-animation: slbEnter 0.3s;

    -moz-animation: slbEnter 0.3s;

    animation: slbEnter 0.3s;

    position: relative;

}



.slbImageWrap:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    top: 5em;

    bottom: 5em;

    display: block;

    z-index: -1;

    box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);

    background-color: #FFF;

}



.slbDirectionNext .slbImageWrap {

    -webkit-animation: slbEnterNext 0.4s;

    -moz-animation: slbEnterNext 0.4s;

    animation: slbEnterNext 0.4s;

}



.slbDirectionPrev .slbImageWrap {

    -webkit-animation: slbEnterPrev 0.4s;

    -moz-animation: slbEnterPrev 0.4s;

    animation: slbEnterPrev 0.4s;

}



.slbImage {

    width: auto;

    max-width: 100%;

    height: auto;

    display: block;

    line-height: 0;

    box-sizing: border-box;

    padding: 5em 0;

    margin: 0 auto;

}



.slbCaption {

    display: inline-block;

    max-width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: normal;

    font-size: 1.4em;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 0.71429em 0;

    color: #666;

    text-align: center;

}



.slbCloseBtn, .slbArrow {

    margin: 0;

    padding: 0;

    border: 0;

    cursor: pointer;

    background: none;

}



.slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner {

    padding: 0;

    border: 0;

}



.slbCloseBtn:hover, .slbArrow:hover {

    opacity: 0.5;

}



.slbCloseBtn:active, .slbArrow:active {

    opacity: 0.8;

}



.slbCloseBtn {

    -webkit-animation: slbEnter 0.3s;

    -moz-animation: slbEnter 0.3s;

    animation: slbEnter 0.3s;

    font-size: 3em;

    width: 1.66667em;

    height: 1.66667em;

    line-height: 1.66667em;

    position: absolute;

    right: -0.33333em;

    top: 0;

    color: #fff;

    color: #666;

    text-align: center;

}



.slbLoading .slbCloseBtn {

    display: none;

}



.slbLoadingText {

    font-size: 1.4em;

    color: #666;

}



.slbArrows {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 35px;

}



.slbLoading .slbArrows {

    display: none;

}



.slbArrow {

    position: absolute;

    top: 50%;

    margin-top: -5em;

    width: 5em;

    height: 10em;

    opacity: 0.7;

    text-indent: -999em;

    overflow: hidden;

}



.slbArrow:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -0.8em 0 0 -0.8em;

    border: 0.8em solid transparent;

}



.slbArrow.next {

    right: 0;

}



.slbArrow.next:before {

    border-left-color: #000;

}



.slbArrow.prev {

    left: 0;

}



.slbArrow.prev:before {

    border-right-color: #000;

}



.slbIframeCont {

    width: 80em;

    height: 0;

    overflow: hidden;

    padding-top: 56.25%;

    margin: 5em 0;

}



.slbIframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);

    background: #666;

}



@-webkit-keyframes slbOverlay {

    from {

        opacity: 0;

    }

    to {

        opacity: 0.7;

    }

}



@-moz-keyframes slbOverlay {

    from {

        opacity: 0;

    }

    to {

        opacity: 0.7;

    }

}



@keyframes slbOverlay {

    from {

        opacity: 0;

    }

    to {

        opacity: 0.7;

    }

}



@-webkit-keyframes slbEnter {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -1em, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

    }

}



@-moz-keyframes slbEnter {

    from {

        opacity: 0;

        -moz-transform: translate3d(0, -1em, 0);

    }

    to {

        opacity: 1;

        -moz-transform: translate3d(0, 0, 0);

    }

}



@keyframes slbEnter {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -1em, 0);

        -moz-transform: translate3d(0, -1em, 0);

        -ms-transform: translate3d(0, -1em, 0);

        -o-transform: translate3d(0, -1em, 0);

        transform: translate3d(0, -1em, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@-webkit-keyframes slbEnterNext {

    from {

        opacity: 0;

        -webkit-transform: translate3d(4em, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

    }

}



@-moz-keyframes slbEnterNext {

    from {

        opacity: 0;

        -moz-transform: translate3d(4em, 0, 0);

    }

    to {

        opacity: 1;

        -moz-transform: translate3d(0, 0, 0);

    }

}



@keyframes slbEnterNext {

    from {

        opacity: 0;

        -webkit-transform: translate3d(4em, 0, 0);

        -moz-transform: translate3d(4em, 0, 0);

        -ms-transform: translate3d(4em, 0, 0);

        -o-transform: translate3d(4em, 0, 0);

        transform: translate3d(4em, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}



@-webkit-keyframes slbEnterPrev {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-4em, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

    }

}



@-moz-keyframes slbEnterPrev {

    from {

        opacity: 0;

        -moz-transform: translate3d(-4em, 0, 0);

    }

    to {

        opacity: 1;

        -moz-transform: translate3d(0, 0, 0);

    }

}



@keyframes slbEnterPrev {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-4em, 0, 0);

        -moz-transform: translate3d(-4em, 0, 0);

        -ms-transform: translate3d(-4em, 0, 0);

        -o-transform: translate3d(-4em, 0, 0);

        transform: translate3d(-4em, 0, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

        -o-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

    }

}





/*==============

mobile

===============*/

@media (max-width: 576px) {

    .br-pagebody {

        padding: 0px !important;

        margin: 0px;

    }

    .br-pagebody .card-body {

        padding: 15px;

    }

}

/*======================

Turkcell & turktelecom

========================*/

.M24-card.M24-turkcell {

    border-right: 3px solid #014A99;

    border-radius: 3px 0px 0px 3px;

}

.M24-card.M24-turktelecom {

    border-right: 3px solid #FECC2A;

    border-radius: 3px 0px 0px 3px;

}

.M24-bb1g{

    border-bottom: 1px solid #ccc;

}

.card.M24-turkcell,

.card-header.M24-turkcell{

    border-bottom: 5px solid #014A99;

}

.card.M24-turktelecom,

.card-header.M24-turktelecom{

    border-bottom: 5px solid #FECC2A;

}

.btn.M24-turkcell{

    background: #014A99;

    border-color: #014A99;

}

.M24-turkcell-bg{

    background: #014A99;

    color: #fff;



}

.M24-turktelecom-bg{

    background: #FECC2A;

    color: #333;

}

.M24-Gray-3-bg{

    background: #666;

    color: #fff;

}

/*==============

RTL

===============*/

.rtl body,

.rtl .info-list .info-list-label,

.rtl .tx-mont,

.M24-contactList a{

    font-family: 'Cairo', sans-serif;

}

.rtl body:not(.collapsed-menu) #btnLeftMenu .icon.ion-navicon-round::before {

    content: '\f3d1';

}

.rtl .M24-sch {

    border-left: none;

}

.rtl .rtl-tx-right,

.rtl .paymentInfo .tx-right{

    text-align: left;

}

.rtl .br-header-right .input-group-btn {

    border-left: 2px solid rgba(0, 0, 0, 0.15);

    border-right: none;

}

.rtl .dropdown .mg-r-10,

.rtl .dropdown.mg-r-10{

    margin-right: auto;

    margin-left: 10px;

}

.rtl .M24-ltr,

.rtl .M24-ltr *,

.rtl .list-group-item,

.rtl .form-control,

.rtl .form-control *,

.select2-container *{

    direction: ltr !important;

}

.rtl #theform .form-group {

    direction: ltr !important;

    text-align: right;

}

.rtl #theform .form-group.M24-rtl-always ,

.rtl .M24-rtl-force {

    direction: rtl !important;

}

.rtl #theform .form-group .form-control-label {

    direction: rtl;

}

.rtl .M24-mg-r-10.mg-r-10,

.rtl .M24-mg-r-10 .mg-r-10{

    margin-right: auto;

    margin-left: 10px;

}

.rtl .fa-long-arrow-right {

    transform: rotateZ(180deg);

}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {

    padding-left:8px;

    padding-right:20px

}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {

    float:right;

}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {

    left:auto;

    right:1px;

}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {

    float:left;

}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

    margin-left:auto;

    margin-right:5px;

}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

    margin-left:auto;

    margin-right:2px;

}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {

    float:right

}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {

    border:none;

    border-left:1px solid #aaa;

    left:auto;

    right:1px;

}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

    float:left

}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {

    margin-left:auto;

    margin-right:5px;

}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {

    margin-left:auto;

    margin-right:2px;

}

.rtl .select2-container {

    text-align: left;

}

.rtl .pagination .page-item .fa-angle-right,

.rtl .pagination .page-item .fa-angle-double-right,

.rtl .pagination .page-item .fa-angle-left,

.rtl .pagination .page-item .fa-angle-double-left{

    transform: rotateZ(180deg);

}

.rtl .br-header-right .dropdown {

    left: 0px;

    right: auto;

    top: 0px;

}

.rtl body.show-left {

    right: 0px;

    position: fixed;

}

.rtl .M24-rtl-dropdown {

    direction: rtl;

    text-align: right;

}

.rtl .M24-rtl-dropdown * {

    text-align: right;

}

.rtl .M24-rtl-dropdown .float-right {

    float: left !important;

}

.rtl .float-right-rtl{

    float: left !important;

}

.rtl .fa-external-link{

    transform: rotateY(180deg);

}

.rtl .M24-rtl-dropdown .float-left {

    float: right !important;

}

.rtl .M24-backbtn {

    margin-right: 0px;

    margin-left: 10px;

    transform: rotate(180deg);

    float: right !important;

}

.rtl .modal .modal-dialog {

    text-align: right;

}

.rtl .breadcrumb-item {

    float: right;

}

.rtl .breadcrumb-item + .breadcrumb-item::before {

    display: none;

}

.rtl .breadcrumb-item + .breadcrumb-item::after {

    display: inline-block;

    padding-right: 0.5rem;

    padding-left: 0.5rem;

    color: #868e96;

    content: "/";

}

@media (min-width: 575px) {

    .rtl .M24-backbtn {

        float: none !important;

    }

}

.M24-note {

    float: left;

}

/*==============

contest

===============*/

.M24-blox-contest {

    border-radius:  8px  !important;

    box-shadow: 1px 1px #ccc,-1px 1px #ccc,1px 2px #ccc,-1px 2px #ababab;

    z-index: 1;

}

.M24-blox-contest-img {

    width: 100%;

    border-radius: 8px 8px 0px 0px;

    position: relative;

    top: 20px;

    overflow: hidden;

}

.rtl .M24-contest .list-group-item{

    direction: rtl !important;

}

.rtl .M24-contest .list-group-item .mg-r-auto{

    margin-left: auto;

    margin-right: 0px;

}

.M24-contest-admin{

    border-radius:  8px  !important;

    position: relative;

    top: -5px;

}

.M24-inactive{

    filter: grayscale(100%);

}

.M24-single-contest{

    background-size: contain;

    background-position: top center;

    background-repeat: no-repeat;

}

.M24-VipBorder-min {

    box-shadow: 0px 0px 7px 1px #996a1c,0px 0px 0px 7px #fbb034;

    height: 60px;

    object-fit: cover;

}

.M24-contest-user {

    transform: scale(1.03);

    box-shadow: 0px 5px 14px -7px #000,0px 0px 0px 3px #ffbc1e;

}

.M24-bloacked-user div {

    position: absolute;

    top: 30%;

    right: 0px;

    left: 0px;

    display: block;

    text-align: center;

    font-size: 23px;

}

.M24-bloacked-user img {

    opacity: 0.1;

}

.M24-score {

    padding: 0px 10px 1px 10px;

    border-radius: 50%;

    background: #ffbc1e;

    position: absolute;

    left: -17px;

}

.M24-score10 {

    padding: 4px 8px 3px 6px;

}

.M24-score100 {

    padding: 9px 10px 9px 7px;

    left: -20px;

}



.M24-rotateY

{

    -webkit-animation-name:             rotate;

    -webkit-animation-duration:         1s;

    -webkit-animation-iteration-count:  infinite;

    -webkit-animation-timing-function: linear;

}

@-webkit-keyframes rotate {

    from {

        -webkit-transform: rotateY(0deg);

    }

    to {

        -webkit-transform: rotateY(360deg);

    }

}

/*==============

waiting group

===============*/

.m24-primary-border {

    border: 1px solid #d1d1d1;

    padding: 0px 10px 15px 10px;

    border-radius: 0px 0px 7px 7px;

    background: #f9f9f9;

}

.m24-TC-bg {

    background: #8f8f8f;

    border-radius: 5px 5px 0px 0px !important;

    border: unset !important;

    box-shadow: 0px -16px 17px -15px #6d6d6d inset;

}

/*==============

Market

===============*/

.M24-mprod {

    transition: all 0.5s;

    padding: 7px;

}

.M24-mprod:hover{

    transform: scale(1.1);

}

/*==============

scroll bar

===============*/

html::-webkit-scrollbar,

.br-sideleft::-webkit-scrollbar {

    display: none;

}

html,

.br-sideleft {

    -ms-overflow-style: none;  /* IE and Edge */

    scrollbar-width: none;  /* Firefox */

}

/*==============

orders AJAX

===============*/

@keyframes ldx-slide-btt {

    0% {

        animation-timing-function:cubic-bezier(0.4652,0.1051,0.774,0.6426);

        transform:translate(0,0);

        opacity:1

    }

    22.5% {

        animation-timing-function:cubic-bezier(0.4142,0.3131,0.7623,0.6513);

        transform:translate(0,-47.8%);

        opacity:1

    }

    45% {

        animation-timing-function:cubic-bezier(0.3615,0.331,0.9646,1.3461);

        transform:translate(0,-147.8%);

        opacity:1

    }

    47.5% {

        animation-timing-function:cubic-bezier(0.7006,0.3332,0.6667,0.6667);

        transform:translate(0,-165.6%);

        opacity:0

    }

    50% {

        animation-timing-function:cubic-bezier(0.1604,0.3176,-0.0218,0.6965);

        transform:translate(0,200%);

        opacity:0

    }

    51% {

        animation-timing-function:cubic-bezier(0.1983,0.3529,0.5263,0.6945);

        transform:translate(0,179.8%);

        opacity:0

    }

    80.4% {

        animation-timing-function:cubic-bezier(0.2342,0.3708,0.5422,0.9065);

        transform:translate(0,38.4%);

        opacity:1

    }

    100% {

        transform:translate(0,0);

        opacity:1

    }

}

.M24-uploading.animate i {

    animation: ldx-slide-btt 1s infinite linear;

}

@keyframes pulseBorder {

    0% {

        box-shadow: 0 0 0 0 rgba(226, 176, 17, 1);

        animation-timing-function:cubic-bezier(0.9647,0.2413,-0.0705,0.7911);

        transform:translate(0,-5%);

    }

    60% {

        box-shadow: 0 0 0 7px rgba(226, 176, 17, 0.0);

        animation-timing-function:cubic-bezier(0.9226,0.2631,-0.0308,0.7628);

        transform:translate(0,5%);

    }

    100% {

        box-shadow: 0 0 0 0 rgba(226, 176, 17, 0);

        transform:translate(0,-5%);

    }

}

.M24-uploading.animate .icon-wrapper {

    box-shadow: 0 0 0 rgba(35, 191, 8, 0.4);

    animation: pulseBorder 1s infinite;

    background-image: linear-gradient(0deg, #fecc11 0%, #e2b011 100%);

}



.M24-submitOrder .wait,

.M24-submitOrder #done,

.M24-submitOrder.wait #done,

.M24-submitOrder.wait .NotDone,

.M24-submitOrder.done .wait,

.M24-submitOrder.done .NotDone{

    display: none;

}

.M24-submitOrder .NotDone,

.M24-submitOrder.wait .wait,

.M24-submitOrder.done #done{

    display: inline-block;

}

@keyframes downloadBar {

    0% {

        background-image: linear-gradient(0deg, #23BF08 0%, #23BF08 100%);

        transform: scaleY(3) scaleX(0.35) translate(-2px,-49px);

        opacity: 0.7;

        border-radius: 100%;

        transform-origin: center;

    }

    40% {

        transform: scaleY(0.4) scaleX(0.03) translate(0px,-15px);

        opacity: 1;

        transform-origin: right;

    }

    50% {

        background-image: linear-gradient(0deg, #23BF08 0%, #23BF08 100%);

        transform: scaleY(0.4) scaleX(0.03) translate(0px,-15px);

        border-radius: 100%;

    }

    60% {

        background-image: none;

        transform: scaleY(1) scaleX(0.10) translate(0px,0px);

        border-radius: 3px;

    }

    70% {



    }

    100% {

        background-image: none;

        transform: scaleY(1) scaleX(1) translate(0px,0px);

        opacity: 1;

        border-radius: 3px;

        transform-origin: right;

    }

}

.M24-progress-Show.progress{

    animation: downloadBar 0.5s linear 0s 1 normal;

}

.M24-progress-Hide.progress{

    animation: downloadBar 0.5s linear 0s 1 reverse;

}

@keyframes Drop {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(0.7);

    }

    100% {

        transform: scale(1);

    }

}

.M24-uploading .success .icon-wrapper{

    animation: Drop 0.5s cubic-bezier(.68,-0.55,.27,1.55) 0s 1 normal

}