#1000406961_cpa_testing,#1000408241_cpa_testing{display:none;}
header{background-color:#1c2331;z-index:200;}
.br-10{border-radius:10px;}
.br-default{border-radius: .375rem;}
.br-0{border-radius:0;}
.br-only-top{border-bottom-left-radius: 0!important;border-bottom-right-radius: 0!important;}
.br-only-bottom{border-top-left-radius: 0!important;border-top-right-radius: 0!important;}
.btn:disabled{border-color:#cbd5d8}
.btn-default{background: #fff;border: 1px solid #cbd5d8;color: #017acd!important;min-width:40px;}
.btn-default .spinner{margin: 0;border-color: #017acd;border-right-color: #fff;left: 12px;top: 10px;}
.click{cursor:pointer;}
.drop{position:relative;}
.text-bold{font-weight: bold;}
.form-control.input-number{flex:none;width:3rem;text-align: center;}
.form-control.input-number:read-only{background-color:rgba(0,0,0,.05);opacity:1;}
.form-control.input-number:focus{box-shadow:none;border-color:#cbd5d8;}
.hide-scrollbar::-webkit-scrollbar{width:0;}
.promotion-head{background-color:#1c2331;}
.promotion-head .text{font-size:.8rem;color:#eee;}
.position-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.logo{background: url('/img/logo.png') center no-repeat;background-size: contain;position: absolute;left: 0;top: -34px;width: 100%;height: 70px;}
.order-logo{background: url('/img/logo.png') center no-repeat;background-size: contain;width: 100%;height: 60px;}
.manual-container{max-width:800px;margin:auto;}

.cart-item-remove{position:absolute;right:1rem;top:3px;color:#999;}
.cart-item-remove:hover{color:#000;}
.page-content{background-color:#eee;}
.page-content .container{padding:1rem;}
.page-links{background-color:#345293}
.page-links-menu{top:calc(100% + 1px);left:0;right:0;background-color:#fff;min-height:100px;position:absolute;}
.behind-content{position:fixed;z-index:150;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);}
.custom-link{
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-weight: var(--bs-nav-link-font-weight);
    /*color: var(--bs-nav-link-color);*/
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity));
    cursor:pointer;
}
.custom-link:hover{color:#fff!important;}

.head-main-info{color:#000!important;font-weight:bold;font-size:12px;border:1px solid #ced4da;border-radius:5px;padding:0 .5rem;background-color:#fff;cursor:pointer;position:relative;min-height:38px;}

.d-md-none .head-main-info{background:transparent;border:0;}
.head-main-info .secondary{color:#bcbebf}
.head-main-info .fa-cart-shopping{color:#ea970f;font-size:29px;}
.cart-count{background-color:#0d6efd;color:#fff;width:20px;height:20px;border-radius:50%;text-align:center;position:absolute;top:-10px;right:-7px;}
.best-seller .image-container{height:200px;position:relative;background-color:lightgreen;background-position:center;background-repeat:no-repeat;background-size:cover;}
.best-seller .image-container:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;border-radius:10px;background-color:#fff;opacity:.6;}
.best-seller img{position:absolute;height:150px;width:150px;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px rgba(0,0,0,.3);}

.home-about-us-logo{min-height:250px;background-image:url('/img/about-us.jpg');background-repeat:no-repeat;background-size:contain;background-position:center;background-color:#fff;}
.home-payments-container{background-image: url('/img/payments-background.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;}

.product-image img{border-radius:5px;}
.product-image.small{width:40px;height:40px;}
.product-link.nav-link:hover{background-color:#eee;color:#0b5ed7}
.card-text{font-size:12px;}
.card-prices .btn{font-size:11px;}
.card-prices::-webkit-scrollbar{height:0;}
.h-search.active{z-index:3000;position:relative;}
.pr-category-card{cursor:pointer;transform: scale(1);transition:all .1s;font-size:14px;text-decoration:none;}
.pr-category-card .card-img-top{max-height:150px;}
.pr-category-card .card-body .section{height:70px;}
/*.pr-category-card .card-button{position:absolute;left:0;bottom:0;right:0;}*/
.scroller{position:absolute;z-index:10;height:100%;display:flex;align-items:center;}
.scroller.scroller-left{left:0;background:linear-gradient(90deg,#eee,transparent)}
.scroller.scroller-right{right:0;background:linear-gradient(90deg,transparent,#eee)}
.scroller .btn{font-size:20px;margin-bottom:30px;border:0!important;background:transparent;}
/*.pr-category-card:hover{transform: scale(1.1);}*/
.cart-item{background-color:#fff;color:#333;}
.order-steps{height:50px;background-color:#fff;width:100%;margin-top:-1rem;position:sticky;position: -webkit-sticky;top:71px;z-index:1000;}
.order-step{border-right: 2px solid #eee;}
.order-step:last-child{border-right:none;}
.order-step .step-no{display: inline-block;width:30px;height:30px;background-color:#eee;border:2px solid #0d6efd;color:#333;border-radius:50%;}
.order-step.active{font-weight: bold;color:#0d6efd}
.order-step.active .step-no{border:2px solid #eee;background-color:#0d6efd;color:#fff;}
.order-step.complete .step-no{border-color:#eee;background-color:#00a600;color:#fff;}
.input-result{position:absolute;bottom:7px;right:10px;}
.form-group-row .input-result{right:20px;}

@media(max-width: 767px){
    .order-steps{top:55px;}
}

.overlay{
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    /*transition: opacity .25s ease-in-out;*/
    background-color: rgba(0,0,5,.75);
    opacity: 1;
    z-index: 10;
}
.u-action-container{max-width:400px;width:100%;margin:50px auto 200px;background-color:#fff;padding:20px;border-radius:10px;}

.product-wrapper{background-color:#fff;box-shadow: 1px 2px 2px rgba(0,0,0,.1);border-radius: 0.375rem;}

.product-image-container{
    background-color:#fff;
    width: 100%;
    height: 100px;
    border-radius:10px;
}
.ins-pr-img{min-height:20rem;position:relative;border-radius:.375rem;}

.drop-menu{
    position:absolute;min-width:100%;top:calc(100% + 1px);min-height:100px;background-color:#fff;z-index:200;
    padding:1rem;border-radius:.375rem;box-shadow: 3px 5px 10px rgba(0,0,0,.5);max-height:0;opacity:0;visibility: hidden;
    transition: all .2s ease-in-out;
}
.open .drop-menu{max-height:400px;opacity:1;visibility:visible;}
.drop-menu:before {
    content: "";
    position: absolute;
    border-color: #fff;
    border: solid transparent;
    border-bottom-color: white;
    border-width: 11px;
    margin-left: -10px;
    top: -21px;
    right: 65px;
    z-index: 1;
}

.drop-menu:after {
    content: "";
    position: absolute;
    right: 66px;
    top: -21px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 10px;
    /*border-bottom-color: #2B1A41;*/
    z-index: 0;
}
.drop-menu-end{right:0;}
.drop-menu-start{left:0;}
.cart-drop-menu.drop-menu{top: calc(100% + 15px);min-width: 300px;}
.cart-drop-menu .table-items{color:#719595;font-size:15px;}
.cart-drop-menu .table-items td{padding:0;}
.cart-drop-menu .cart-details{max-height:200px;overflow:auto;margin-bottom:.5rem;}
.cart-drop-menu .cart-details::-webkit-scrollbar{width:0;}
.user-drop-menu.drop-menu{top: calc(100% + 15px);padding:5px;}

.drop-item{padding:10px;cursor:pointer;display: block;text-decoration: none;color:#333;}
.drop-item:hover{background: lightblue;}

.search-results{min-height:50px;padding:0 1rem;background-color:#fff;color:#1a1e21;z-index:50;font-size:1rem;position: absolute;left:0;right:0;top:calc(100% + 10px);border-radius:.375rem;}
.promo-container{max-width:350px;width:100%;margin:auto;background-color:#d8d8d8;border-radius:10px;text-align:center;padding:1.5rem;}
.loader-container{position: fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;z-index:100;}
.loader-container.inside-directive{z-index:999999}
.loader {
    width: 8px;
    height: 8px;
    position: fixed;
    top:50%;
    left:50%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #fff;
    animation: wave 1s ease-in infinite;
    z-index:20;
}
.loader-container.active{opacity:1;}

@keyframes wave {
    0% {  box-shadow:
            0 0 0 0 rgba(255, 255,255, 1),
            0 0 0 20px rgba(255, 255,255, 0.2),
            0 0 0 40px rgba(255, 255,255, 0.6),
            0 0 0 60px rgba(255, 255,255, 0.4),
            0 0 0 80px rgba(255, 255,255, 0.2)
    }
    100% {  box-shadow:
            0 0 0 80px rgba(255, 255,255, 0),
            0 0 0 60px rgba(255, 255,255, 0.2),
            0 0 0 40px rgba(255, 255,255, 0.4),
            0 0 0 20px rgba(255, 255,255, 0.6),
            0 0 0 0 rgba(255, 255,255, 1)
    }
}

.brand-text{margin-bottom:1rem;}
.brand-text .text-secondary{font-size:14px;}
.product-wrapper .buttons-container{min-width:150px;}


.pd-info-shape{height:45px;width:45px;border:1px solid #333;border-radius:.375rem;background-color:#fff;color:#333;text-align:center;font-size:1.5rem;}
.pd-info-shape.able{background-color:#00a600}
.pd-info-shape.able .fa-check-circle{color:#fff}
.pd-info-shape.unable{background-color:#cd5c5c}
.pd-info-shape.unable .fa-times-circle{color:#fff}
.pd-info-shape.playstation{background-color: rgb(0, 112, 209);color: #fff;}
.pd-info-shape.xbox{background-color:rgb(16, 124, 17);color: #fff;}
.pd-info-shape.nintendo{background-color:rgb(254, 0, 2);color: #fff;}
.pd-info-shape.steam{background-color:rgb(0, 0, 0);color: #fff;}

.product-option .btn{min-width:75px;}
.active .btn-outline-primary{background-color:#0d6efd!important;color:#fff!important;}
.fa-check-circle{color:#00a600}
.fa-times-circle{color:#cd5c5c;}
.text-bg-success .fa-check-circle,.text-bg-danger .fa-times-circle{color:#fff}
.logo-awaiting{
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    padding:0 10px;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    background:linear-gradient(45deg,#ffdf1b,#4acfa5,lightblue);
}

.logo-awaiting-2 .title{font-size:15px;color:#000;font-weight:bold;}
.logo-awaiting-2 .title span{color:#fd7e14}
.logo-awaiting-2 .line{height:1px;padding:0 3px;background-color:#fd7e14;}
.logo-awaiting-2 .text{font-size:10px;color:#fd7e14;}

.home-banner{
    position: relative;
    background: url("/img/banners/deigma-2.jpg") no-repeat center;
    background-size:cover;
    height:250px;
    width:100%;
    border-radius:.375rem;
}

.home-category-container{
    padding:1rem;
    /*display:block;*/
    border-radius:0.375rem;
    text-decoration:none;
    min-height:200px;
}
.home-category-container.payment-card{background: url("/img/product/category/payment_cards.jpg") no-repeat center;background-size:cover;}
.home-category-container.gaming-credits{background: url("/img/product/category/gaming_cards.jpg") no-repeat center;background-size:cover;}
.home-category-container.gift-card{background: url("/img/product/category/gift_cards.jpg") no-repeat center;background-size:cover;}
.home-category-container.mobile-topup{background: url("/img/product/category/mobile_topup.jpg") no-repeat right;background-size:cover;}
.home-payments-container img{width:69px;height:69px;}
.footer-payments-container .image-container{border-radius:.375rem;}
.footer-payments-container img{width:50px;height:50px;}
/*hexagon*/
.hexagon {
    width: 50px;
    height: 28.8675px;
    background: red;
    position: relative;
}
.hexagon::before {
    content: "";
    position: absolute;
    top: -14.43375px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 14.43375px solid red;
}
.hexagon::after {
    content: "";
    position: absolute;
    bottom: -14.43375px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 14.43375px solid red;
}

.sidebar-container{position:fixed;top:0;left:0;bottom:0;width:100%;background:rgba(0,0,0,.5);z-index:20;transform:translateX(-100%);transition:all .1s;}
.sidebar-container.active{transform: translateX(0);}
.sidebar{background-color:#eee;width:80%;min-height:100%;font-size:.9rem;overflow:auto;}
.sidebar-behind{flex:1;height:100%;}


.lds-ring {display: inline-block;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 80px;height: 80px;}
.lds-ring div {display: block;position: absolute;width: 64px;height: 64px;margin: 8px;border: 8px solid #0a58ca;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: #0a58ca transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.order-status-pending{min-height: 200px;text-align:center;}
.order-status-pending .lds-ring{position: relative;top:unset;left:unset;transform:unset;margin-top:40px;}

.spinner{width:1rem;height:1rem;border-radius:50%;border:0.2em solid #fff;border-right-color: transparent;animation:0.75s linear infinite spin;margin-left:5px;position:absolute;top:8px;}
.btn-lg .spinner{top:16px;}
@keyframes spin {100% {transform: rotate(360deg)}}

.modal.show{display: block;}
.modal-bg{position:fixed;top:0;left:0;z-index:1040;width:100%;height:100%;background-color:#000;opacity:0;transition:all 0.4s}
.modal-open .modal-bg{opacity:0.5}
.modal.large .modal-dialog{max-width:980px;}
.modal.medium .modal-dialog{max-width:640px}
.modal.show .modal-dialog{opacity:1;transform:none}
.modal.loading .modal-dialog:after{content:'';background:url("/img/moderator/loader1.gif") fixed no-repeat 50% 45% rgba(0,0,0,0.4);width:100%;height:100%;top:0;left:0;z-index:10;position:absolute}


.message{position: fixed;bottom:20px;font-size: 16px;left: 15px;right: 15px;text-align: center;pointer-events: none;z-index:2000}
.message-text{background:#285da9;color:#fff;padding:15px 40px;display: inline-block;border-radius: 5px;min-width:360px;box-shadow: 0 4px 10px rgba(0,0,0,0.6);position:relative;pointer-events:auto;border:1px solid #172b48}
.message.ng-enter{transition:all 0.4s;opacity:0;transform:scale(0.8)}
.message.ng-enter-active{opacity:1;transform:scale(1)}
.message.ng-leave{transition:all 0.4s;max-height:54px;}
.message.ng-leave-active{opacity:0;max-height:0;margin-top:0}
.message.error .message-text{background:#b71c1c;color:#fff;border:1px solid #CD0100;}

.checkout-title{font-size:1rem;font-weight:bold;border-left:3px solid #0b5ed7;padding-left:5px;color:#0b5ed7;margin-bottom:1rem;}
.checkout-label{font-weight: bold;font-size:.785rem;}
.form-check-input.checkout-radio:checked {background-color: #ea970f;border-color: #ea970f;}
.checkout-complete{box-shadow:0 -4px 9px rgba(0,0,0,.3);padding:1rem;text-align:center;}
.checkout-btn{background-color:#ea970f;color:#fff;min-width: 150px;font-weight:bold;}
.checkout-method-img{height:30px;max-width:50px;margin-left:.75rem;}

.cus-wrapper{position:fixed;background:rgba(0,0,0,.5);top:0;left:0;bottom:0;right:0;z-index:1999}
.cus-container{width:320px;position:absolute;top:0;right:0;bottom:0;z-index:2001;background:#fff;box-shadow:0 -14px 10px rgba(0,0,0,.5)}
.cus-head{background:#eee;color:#222;padding:20px;font-size:13px;font-weight:bold;border-bottom:1px solid #ccc;}
.cus-body{padding:10px;height:100%;}
@media(min-width: 768px) {
    .cart-dialog{display: none;}
}


@media(max-width: 767px){
    .head-main-info{min-height:auto;}
    .head-main-info .fa-cart-shopping{font-size:33px;}


    .cart-dialog.active{height:120px;opacity:1;visibility: visible;}
    .cart-dialog{
        position: fixed;bottom:0;left:0;right:0;background-color:#fff;
        z-index:1000;
        border-radius:20px 20px 0 0;box-shadow: 0 -5px 10px rgba(0,0,0,.5);max-width:420px;margin:auto;
        height:0;opacity:0;visibility: hidden;transition:all .2s;
    }
    .cd-price{height:60px;border-bottom:1px solid #dee2e6;padding:1rem;}
    .cd-buttons{height:60px;position:relative;}
}