:root{
    --table-heading-font-family:'Montserrat', sans-serif;
    --table-heading-font-size:0.95rem;
    --table-heading-font-weight:700;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #3c2cfb;
}
ul{
    margin-bottom: 0;
    padding-left: 0;
}
.btn:hover {
    color: var(--bs-highlight-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
select {
    width: 100%;
    height: auto;
    border: 0;
    background: #00175f url(../images/arrow.png) no-repeat !important;
    background-size: 13px !important;
    background-position: right 10px center !important;
}
label {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
}
.ff{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
}
.ff_sm{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1rem;
}
.ff_md{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
}
.fs-7{
    font-size: 0.85rem !important;
}
.navbar-brand{
    display: block;
}
.navbar-brand img{
    width: 200px;
    height: auto;
}
.navbar-collapse {
    flex-grow: unset;
}
.links {
    color: var(--bs-link-color);
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    transition: all .5s linear;
    text-transform: uppercase;
}
.links:hover {
    color: var(--bs-link-hover-color);
}
.upper-links {
    display: inline-block;
    padding: 0 11px;
    line-height: 23px;
    letter-spacing: 0;
    color: inherit;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 700;
}
.navbar-nav>.active>.links{
    color: var(--bs-link-hover-color);
}
.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0px;
    z-index: 100;
    border-top: 0;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    background-color: var(--bs-body-bg);
}
.sticky .navbar-brand img{
    width: 100px;
    height: auto;
}
.inside-banner{
    background-color: var(--bs-body-bg);
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1);
    border-radius: 15px;
    width: 85%;
    margin: 0 auto;
    background-image: url('../images/double-bubble.png');
    background-repeat: repeat;
    background-position: center center;
}
.bnrtpstrImgBox {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.5);
}
.bnrtpstrName a {
    color: var(--bs-link-hover-color);
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.dur {
    font-family: 'Montserrat', sans-serif;
    color: var(--bs-dark-text-color);
    font-weight: bold;
    margin-bottom: 5px;
}
.hd_mtch_tm{
    font-family: 'Montserrat', sans-serif;
    color: var(--bs-dark-text-color);
    font-weight: bold;
    border-bottom: 1px solid var(--bs-dark-text-color);
    padding-bottom: 1rem;
}
.mtchTm_name {
    font-family: 'Montserrat', sans-serif;
    color: var(--bs-dark-text-color);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85rem;
}
.tm_mtch img{
    width: 50px;
    height: 50px;
}
.vs_bnr{
    color: var(--bs-link-hover-color);
}
.kicktm{
    font-family: 'Montserrat', sans-serif;
    color: var(--bs-dark-text-color);
    font-weight: 700;
}
.statsbx{
    width: 20%;
}
.stat-title{
    font-family: var(--table-heading-font-family);
    font-size: var(--table-heading-font-size) ;
    font-weight: var(--table-heading-font-weight) ;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ffffff;
}
.stName,.statTtl{
    font-family: var(--table-heading-font-family);
    font-size: var(--table-heading-font-size) ;
    font-weight: var(--table-heading-font-weight) ;
}
.stValue{
    font-family: var(--table-heading-font-family);
    font-size: 1.3rem;
    font-weight: var(--table-heading-font-weight) ;
    color: var(--bs-link-hover-color);
}
.statmtchbox .stName{
    font-family: var(--table-heading-font-family);
    font-size: 0.64rem;
    font-weight: var(--table-heading-font-weight) ;
    color: var(--bs-dark-text-color);
}
.bnrMatchBox{
    background-color: #ffffff;
    padding: 1rem;
    position: relative;
    border-radius: 0 15px 15px 0;
    box-shadow: 12px 12px 5px 1px rgba(0, 0, 0, .2);
}
.bnrMatchBox::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75px;
    width: 75px;
    height: 100%;
    background-color: #ffffff;
}
.bnrMatchBox::after {
    content: '';
    position: absolute;
    top: -26px;
    left: -81px;
    width: 30px;
    height: 115%;
    background-color: #ffffff;
    clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 94%);
}
.statsbx_srvc {
    background-color: #3c2cfb;
    text-align: center;
    padding: 15px 5px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    width: 180px;
}
.statsbx_srvc2{
    width: 100%;
}
.extbox{
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    height: 100%;
    background-color: #3c2cfb;
}
.tpstrBnr_stats{
    border-top: 1px solid var(--bs-dark-text-color);
    border-bottom: 1px solid var(--bs-dark-text-color);
}
/*.pnkbox{
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--bs-link-hover-color);
    width: 50%;
    height: 100%;
}*/
.banner_right_box{
    background-color: var(--bs-link-hover-color);
    height: 530px;
    border-radius: 15px;
    transform: skewX(-5deg);
}
.banner_box_txt{
    background-color: transparent;
    padding: 1rem;
    border-radius: 15px;
    color: var(--bs-dark-text-color);
}
.bnr_hdng{
    color: var(--bs-link-hover-color);
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
.sncfrm{
    position: relative;
    z-index: 1;
}
/*--Right side floating Cart*/
.cart {
    text-align: right;
}
.cart-button {
    background: var(--bs-link-hover-color);
    padding: 10px;
    text-align: center;
    border-radius: 5px 0px 0px 5px;
    font-weight: 500;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    width: 85px;
    transition: width .5s linear, height .5s linear;
    height: 46px;
}
.cart-button:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    width: 150px;
    height: 66px;
}
.cart-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.item-number {
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .1);
    height: 20px;
    padding: 3px 6px;
    font-weight: 500;
    display: inline-block;
    color: #fff;
    line-height: 12px;
    margin-left: 10px;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
/*--Tipster Box--*/
.prfrmInBox{
    position: relative;
}
.prfmBx_img{
    position: relative;
}
.prfmBx_img img{
    width: 100%;
    height: auto;
}
.c__flag{
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
}
.c__flag img{
    width: 32px;
    height: 16px;
}
.box__clr{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,23,95);
    background: linear-gradient(0deg, rgba(0,23,95,1) 25%, rgba(0,23,95,0) 100%);
}
.lst__Results,.mtch__Name{
    list-style: none;
    padding-left: 0;
}
.lst__Results li {
    display: inline-block;
    text-align: center;
}
.lst__Results .win{
    background-color: var(--bs-success);
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    width: 25px;
    height: 25px;
    color: #ffffff;
    padding: 5px;
    border-radius: 50%;
    line-height: 15px;
}
.lst__Results .lose{
    background-color: var(--bs-link-hover-color);
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    width: 25px;
    height: 25px;
    color: #ffffff;
    padding: 5px;
    border-radius: 50%;
    line-height: 15px;
}
.lst__Results .draw{
    background-color: var(--bs-info-rgb);
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    width: 25px;
    height: 25px;
    color: #ffffff;
    padding: 5px;
    border-radius: 50%;
    line-height: 15px;
}
.win {
    width: 25px;
    height: 25px;
    background-color: var(--bs-success);
    color: #fff;
    font-size: 12px;
    border-radius: 0;
    line-height: 26px;
    font-weight: bold;
}
.lose {
    width: 25px;
    height: 25px;
    background-color: var(--bs-link-hover-color);
    color: #fff;
    font-size: 12px;
    border-radius: 0;
    line-height: 26px;
    font-weight: bold;
}
.scrBox,.tpsttr__stat{
    border-bottom: 1px solid #263a77;
}
.prfrmr_name{
    margin-top: -150px;
    z-index: 1;
    position: relative;
}
.scrdBox{
    width: 33.33%;
    text-align: center;
}
.scrBox .card-text, .pcks__Lft, .pcks__Rgt, .mtch__Name li{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
}
.pcks__Rgt{
    font-size: 0.95rem;
}
.btn-vwall{
    background-color: #3c2cfb;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    padding: 15px;
    font-weight: 700;
}
/*--Buyer's Market box design--*/
.market__Box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.hs__prfrm__Bx_new {
    width: 23.2%;
    margin: 7px 10px !important;
}
.hs__prfrm__Bx {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin: 10px 0;
}
.fltr__Box label{
    width: 200px;
}
/*.hs__prfrm__Bx__2 {
    padding-top: 40px;
    border: 1px solid #263a77;
    margin-bottom: 50px;
}*/
.mtch__Time {
    background-color: #263a77;
    color: #fff;
    padding: 5px;
}
.tpstr__Image{
    width: 100%;
    height: auto;
}
.tpsImageBox{
    position: relative;
}
.tpstr__Nm_col{
    position: relative;
    margin-top: -120px;
}
.byrs__name,.avg__rcrds p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.lg__Name {
    color: var(--bs-link-hover-color);
    font-size: 0.8rem;
    text-transform: uppercase;
}
.lg__Name span{
    width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom;
}
.tmBox{
    background-color: #263a77;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0;
}
/*--Footer--*/
.tp__footer {
    background-color: #263a77;
    padding: 10px 0;
}
.ft__Links {
    text-align: center;
}
.ft__Links ul li, .md_up_footer ul li {
    display: inline-block;
    list-style-type: none;
}
.ft__Links ul li a {
    padding: 6px 12px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
}
.ft__Links ul li a:hover {
    color: var(--bs-link-hover-color);
}
.bt_footer {
    background-color: #0a0a0a;
    padding: 15px 0;
}
.cpyright {
    background-color: #000;
    color: #fff;
    padding: 10px;
    font-size: 0.7rem;
}
.cart-2 {
    position: fixed;
    top: 90px;
    right: 0;
    box-shadow: -1px 5px 10px 2px rgba(0, 0, 0, 0.5);
    z-index: 999;
}
.cart-2:hover p {
    display: block;
    animation: dropIn .5s ease-in-out;
    opacity: 1;
}
.cart-2 p {
    display: none;
    transition: transform .5s ease-in-out;
    opacity: 0;
}
/*--Contact--*/
.contact__Bx .card-title, .stat__Card .card-title{
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
}
.form-control{
    border: 1px solid #263a77;
    border-radius: 0;
    height: 45px;
}
.input-group-text{
    border-color: #263a77;
}
/*--Checkout--*/
.prcd__chkout{
    text-align: center;
    overflow: hidden;
}
.title__Txt {
    font-size: 1.2rem;
    border-top: 1px solid #263a77;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
span.step:after {
    content: "|";
    margin-left: 15px;
    margin-right: 15px;
}
.cart__Box__head {
    color: var(--bs-link-hover-color);;
    font-family: 'Montserrat', sans-serif;
    padding: 5px 0;
    font-weight: 700;
}
.cart__Bag {
    background-color: #00124a;
    position: relative;
    padding: 10px 0;
    margin: 10px 0;
}
.cart__Bag .close {
    position: absolute;
    right: -5px;
    top: 40px;
    width: 100px;
    height: auto;
    background-color: transparent;
    color: #707070;
    opacity: 1;
    border-radius: 50%;
    border: none;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.85rem;
    line-height: 1.4rem;
    text-align: center;
    text-decoration: underline;
    transition: all .5s;
}
.cart__Bag .close:hover{
    color: #ffffff;
}
.mch__Name,.tps__Price{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9rem;
}
.gTotal__Bx p {
    text-align: center;
    padding: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.amt{
    color: var(--bs-link-hover-color);
    font-size: 1.5rem;
}
.mobdisp{
    display: none;
}
.sq-card-wrapper .sq-card-iframe-container {
    border: 1px solid #263a77;
    background-color: transparent;
}
.chs_payment_method{
    display: flex;
    flex-direction: column;
}
.cardpaybox,.paypal__payment__Box,.next__payment__Box,.razorpay__payment__Box{
    border-left: 1px solid #263a77;
}
.chs_payment_method label.btn{
    display: block;
}
/*--Archive--*/
.tbl__tm__Name ul li {
    display: inline-block;
    vertical-align: middle;
}
.tbl__tm__Name ul li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 109px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.tbl_srvc {
    background-color: #3c2cfb;
    text-align: center;
    padding: 5px 5px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    width: 100%;
    font-size: 0.8rem;
    display: block;
}
.arc__Table > thead > tr > th {
    background-color: #263a77;
    color: #fff;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
.arc__Table > tbody > tr > td {
    text-align: center;
    border-color: #263a77;
    vertical-align: middle;
    font-size: 0.85em;
    padding: 0.3rem;
}
.wn {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    width: 50px;
    height: 50px;
    background-color: #439500;
    padding: 5px;
    border-radius: 50%;
}
.arc__Table .ls {
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    width: 25px;
    height: 25px;
    background-color: var(--bs-link-hover-color);
    padding: 5px;
    border-radius: 50%;
    display: inline-block;
    line-height: 14px;
}
.lose{
    background-color:var(--bs-link-hover-color);
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    width: 50px;
    height: 50px;
    color: #ffffff;
    padding: 5px;
    border-radius: 50%;
}
.draw{
    background-color:#FFB346;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    width: 50px;
    height: 50px;
    color: #ffffff;
    padding: 5px;
    border-radius: 50%;
}
/*--Directory--*/
.tpstrinside{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #263a77;
    padding: 8px 0;
}
.tpstrinside:last-child{
    border-bottom: 1px solid transparent;
}
.img-tpstr,.ltbuyrList li a img{
    width: 75px;
    height: 75px;
    margin-right: 15px;
}
.tp__ins__box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.wkltpnm{
    width: 100%;
    z-index: 1;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.85rem;
}
.wklstat-1{
    padding: 5px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.9rem;
}
.ltbuyrList li a{
    display: block;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.85rem;
}
.recmnd_tpstr .card-body{
    overflow-y: scroll;
}
.wklybg_5 .card-body,.recmnd_tpstr .card-body{
    height: 490px;
}
.fltr__Box ul li{
    display: inline-block;
}
.tps__Data__Box{
    position: relative;
    z-index: 1;
}
.st_bx_1,.st_bx_2,.st_bx_3,.st_bx_4,.st_bx_5,.st_bx_6{
    width: 33.33%;
    margin: 5px 0;
}
.st_bx_7,.st_bx_8{
    width: 50%;
}
.ov_hdn{
    overflow: hidden;
}
.tps__Data__Box span{
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.85rem;
}
/*--Profile--*/
.profTopHeader{
    width: 100%;
}
.mtch__Box ul{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
}
.tdyMtchDtls,.pr_mtch-bx{
    border-bottom: 1px solid #263a77;
}
.htratebox{
    background-color: #3c2cfb !important;
}
.table{
    --bs-table-border-color: #263a77;
}
.tabl__1 > tbody > tr > td{
    border-color: #263a77;
}
.pr__mtch__Name li{
    padding: 0 10px;
}
.thnku-area{
    height: 100vh;
}
.paypal__payment__Box,.next__payment__Box,.razorpay__payment__Box{
    display: none;
}
.btn-secondary{
    --bs-btn-bg:#3c2cfb;
    border-color: transparent;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: #ffffff;
    background-color: var(--bs-link-hover-color);
    border-color: transparent;
}
.tbtbx,.scstps,.lstps,.drtps,.ttlprfts,.ttlstks,.avgods,.ylds{
    width: 25%;
    text-align: center;
    padding: 10px;
}
.alltmstsbx img{
    width: 75px;
    height: 75px;
    margin: 0 auto;
}
.alltmstsbx .ff_sm{
    font-size: 1.2rem;
}
.alltmstsbx{
    border: 1px solid #263a77;
}
.border-top {
    border-top: 1px solid #263a77 !important;
}
.border-end {
    border-right: 1px solid #263a77 !important;
}
.tps__Data__Box .profHtRt{
    background-color: var(--bs-link-hover-color);
    padding: 5px 0;
    margin-top: 5px;
}
.ltms-tbl > thead > tr > th{
    background-color: #263a77;
    text-align: center;
}
.ltms-tbl > tbody > tr > td {
    height: 83.5px;
    vertical-align: middle;
    text-align: center;
}
.d-hd .wn{
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    width: 25px;
    height: 25px;
    background-color: #439500;
    padding: 5px;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    display: block;
}
.d-hd .ls{
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    width: 25px;
    height: 25px;
    background-color: var(--bs-link-hover-color);
    padding: 5px;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    display: block;
}
.pr_tmBox{
    width: 50%;
}
.calenderBox{
    display: flex;
}
.calenderBox .btn-cart{
    height: 45px;
}
.tptbl_bx:last-child{
    border-bottom: none !important;
}
/*--Stripe---*/
#paymentFrm .field {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.2;
    background-color: transparent;
    border: 1px solid #263a77;
    color: #ffffff;
    border-radius: 0px;
}
#paymentFrm div.field{
	padding-bottom: 0;
}
#paymentFrm .field:focus {
    border-color: #28251c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
/*--Date Range Filter--*/
.arc_calender{
    position: relative;
}
.dtRangeBox,.dtRangeBox{
    background-color: transparent;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #263a77;
    width: 84%;
    height: 45px;
    line-height: 32px;
}
.btn-go{
    height: 45px;
}
.daterangepicker{
    left: 1180px;
    right: auto;
}
/*--loading--*/
.loadingbox, .dec_out{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ldlymsgbox{
    text-align: center;
}
.ldlymsgbox img{
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}
.pad-bot img{
    width: 200px;
    height: auto;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-link-hover-color);
    background-color: transparent;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
/*--Subscribe Floating icon--*/
.subscribe-link {
    position: fixed;
    bottom: 17px;
    left: 15px;
    z-index: 99999;
    cursor: pointer;
}
.subscribe-link:hover {
    width: 150px;
}
.subscribe-link i {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #3c2cfb;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 17pt;
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
    border: 2px solid transparent;
}
.subscribe-link:hover i{
    border: 2px solid #ffffff;
}
.subscribe-link p {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 9pt;
    position: absolute;
    left: 30px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 10px 10px 10px 20px;
    background: #3c2cfb;
    z-index: 0;
    border-radius: 0px 20px 20px 0px;
    width: 120px;
    border: 2px solid #fff;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.5);
}
.subscribe-link:hover p {
    opacity: 1;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.subscribe-link button{
    background-color: transparent;
    border: none;
}
.subscribcontent .modal-body{
    background-image: url('../images/NewsletterPopOut.jpg');
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    height: 435px;
}
.substitle {
    font-size: 2rem;
    line-height: 53px;
    text-transform: uppercase;
}
.substitle span{
    font-size: 5rem;
}
.subscribcontent .btn-close{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ffffff;
}
.daterangepicker{
    left: 64% !important;
    right: auto !important;
    background-color: #00175f !important;
}
.ranges, .calendar{
    float: left;
}
.daterangepicker_input{
    position: relative;
}
.daterangepicker_input .input-mini{
    padding-left: 25px;
}
.daterangepicker_input i{
    position: absolute;
    top: 32%;
    left: 5px;
}
.daterangepicker .ranges li.active {
    background-color: #3c2cfb !important;
    color: #fff;
}
.applyBtn{
    background-color: #ff0088 !important;
}
.daterangepicker .calendar-table{
    background-color: transparent !important;
    border: 1px solid #263a77 !important;
    border-radius: 0 !important;
}



/*--Responsive CSS--*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1440px) {
    .daterangepicker {
        left: 53% !important;
        right: auto !important;
        background-color: #00175f !important;
    }
}
/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .atpsbox,.tpsternameinside,.tpstrBnr_stats{
        flex-wrap: wrap;
    }
    .banner_matchBox,.bnr__btn{
        flex-direction: column;
    }
    .statsbx{
        width: 50%;
    }
    .extbox{
        display: none;
    }
    .statsbx_srvc{
        width: 100%;
        margin-top: 15px;
    }
    .bnr__btn .btn {
        display: block;
        width: 100%;
        margin: 5px 0;
    }
    .bnrMatchBox::before, .bnrMatchBox::after{
        display: none;
    }
    .bnrMatchBox{
        border-radius: 15px;
    }
    .pcks__Rgt {
        font-size: 0.8rem;
    }
}
 
@media (min-width: 768px) {
    
}
@media (max-width:767px){
    .bnrMatchBox::before, .bnrMatchBox::after,.cart__Box__head{
        display: none;
    }
    .inside-banner{
        padding: 1rem !important;
    }
    .atpsbox,.tpsternameinside,.tpstrBnr_stats{
        flex-wrap: wrap;
    }
    .bnrMatchBox{
        border-radius: 15px;
    }
    .tt,.st,.ft,.dt,.statsbx{
        width: 50%;
    }
    .tt .stName,.st .stName,.ft .stName,.dt .stName{
        font-size: 0.75rem;
    }
    .tt .stValue,.st .stValue,.ft .stValue,.dt .stValue{
        font-size: 1rem;
    }
    .banner_stats{
        margin-bottom: 15px;
    }
    .stat-title{
        font-size: 0.8rem;
    }
    .extbox{
        display: none;
    }
    .statsbx_srvc{
        width: 100%;
        margin-top: 15px;
    }
    .banner_matchBox,.secTitle__Bx,.bnr__btn{
        flex-direction: column;
    }
    .hs__prfrm__Bx_new{
        width: 100%;
    }
    .secTitle__Bx{
        align-items: start !important;
    }
    .bnr__btn .btn {
        display: block;
        width: 100%;
        margin: 5px 0;
    }
    .fa-bars:before {
        content: "" !important;
    }
    .stat__Card{
        margin-top: 15px;
    }
    .prcd__chkout{
        text-align: left;
    }
    .mobdisp {
        display: block;
        background-color: #00175f;
        padding: 5px 0;
        max-width: 90%;
        margin: 10px auto;
    }
    .chkBtn{
        width: 100%;
        margin: 5px 0;
    }
    .title__Txt{
        font-size: 1rem;
    }
    .arc__Table > thead{
        display: none;
    }
    .arc__Table > tbody > tr {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
        border: 2px solid #263a77;
        margin-bottom: 15px;
        box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.5);
    }
    .arc__Table > tbody > tr > td{
        position: relative;
        padding-top: 30px;
    }
    .arc__Table > tbody > tr > td:before {
        position: absolute;
        left: 0;
        top: 5px;
        color: #959595;
        text-transform: uppercase;
        width: 100%;
    }
    .arc__Table > tbody > tr > td > p.dt, .arc__Table > tbody > tr > td > p.tm{
        width: 100%;
    }
    .arc__Table > tbody > tr > td:nth-child(1):before {
        content: "DATE";
        display: block;
    }
    .arc__Table > tbody > tr > td:nth-child(2):before {
        content: "TIPSTER NAME";
        display: block;
    }
    .arc__Table > tbody > tr > td:nth-child(3):before {
        content: "MATCH DETAILS";
        display: block;
    }
    .arc__Table > tbody > tr > td:nth-child(4):before {
        content: "BET TYPE";
        display: block;
    }
    .arc__Table > tbody > tr > td:nth-child(5):before {
        content: "TIP";
        display: block;
    }
    .arc__Table > tbody > tr > td:nth-child(6):before {
        content: "ODDS";
        display: block;
    }
    .arc__Table > tbody > tr > td:nth-child(7):before {
        content: "SCORE";
        display: block;
    }
    .arc__Table > tbody > tr > td:nth-child(8):before {
        content: "RESULT";
        display: block;
    }
    .arc__Table > tbody > tr > td:nth-child(1) {
        width: 50%;
        border-right: none;
        border-bottom: 1px solid #263a77;
        height: 85px;
        text-align: center;
    }
    .arc__Table > tbody > tr > td:nth-child(2){
        width: 50%;
        border-right: none;
        border-bottom: 1px solid #263a77;
        height: 85px;
        text-align: center;
    }
    .arc__Table > tbody > tr > td:nth-child(3){
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #263a77;
        height: 125px;
        text-align: center;
    }
    .arc__Table > tbody > tr > td:nth-child(4){
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #263a77;
        height: 85px;
        text-align: center;
    }
    .arc__Table > tbody > tr > td:nth-child(5){
        width: 25%;
        border-right: none;
        border-bottom: 1px solid #263a77;
        height: 85px;
        text-align: center;
    }
    .arc__Table > tbody > tr > td:nth-child(6){
        width: 25%;
        border-right: none;
        border-bottom: 1px solid #263a77;
        height: 85px;
        text-align: center;
    }
    .arc__Table > tbody > tr > td:nth-child(7){
        width: 25%;
        border-right: none;
        border-bottom: 1px solid #263a77;
        height: 85px;
        text-align: center;
    }
    .arc__Table > tbody > tr > td:nth-child(8){
        width: 25%;
        border-right: none;
        border-bottom: 1px solid #263a77;
        height: 85px;
        text-align: center;
    }
    .tp__ins__box,.rc__card .card-header{
        flex-wrap: wrap;
    }
    .tp_ins_row,.tp_ins_row .btn-cart, .calender__Box{
        width: 100%;
    }
    .calender__Box{
        margin-top: 15px;
    }
    .rc__card .card-header .card-title{
        width: 100%;
        text-align: center;
    }
    .pypl_cards img{
        width: 100%;
    }
    .amt {
        font-size: 1.1rem;
    }
    .ft__Links ul li a {
        padding: 6px 4px;
    }
    .mch__Name span{
        display: block;
    }
    .tday__fixtr{
        margin-top: 30px;
    }
    .mtch__Box ul, .crtbox{
        flex-wrap: wrap;
    }
    .mtch__Box ul li{
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }
    .tmBox, .pur__btn__Box{
        width: 100% !important;
        margin: 5px 0;
    }
    .pur__btn__Box .btn-cart{
        display: block;
    }
    .tbtbx, .scstps, .lstps, .drtps, .ttlprfts, .ttlstks, .avgods, .ylds{
        width: 50%;
    }
    .tbtbx,.scstps{
        border-bottom: 1px solid #263a77;
    }
    .rcrd__Box{
        margin-bottom: 15px;
    }
    .pr__mtch__Name{
        flex-wrap: wrap;
    }
    .pr__mtch__Name li{
        width: 100%;
        text-align: center;
    }
    .dtRangeBox {
        width: 82%;
        height: 45px;
    }
    .tbl__tm__Name ul li {
        display: block;
        text-align: center;
    }
    .tbl__tm__Name ul li p{
        width: 100%;
    }
    .calBtn .btn-cart{
        height: 45px;
    }
    .calenderBox{
        display: flex;
    }
    .table-area h3.ff{
        font-size: 1.5rem !important;
    }
    .termsBox{
        width: 100% !important;
    }
    .cart__Bag .close {
        right: -5px;
        top: auto;
        bottom: 5px;
    }
    .chs_payment_method {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .payment-form {
        padding: 5px !important;
    }
    .payment-form {
        height: 100% !important;
    }
    .cardpaybox, .paypal__payment__Box, .next__payment__Box, .razorpay__payment__Box {
        border-left: none;
    }
}

@keyframes dropIn{
	0%{transform:translateX(275px);opacity: 0;}
	100%{transform:translateX(0px);opacity: 1;}
}