View file adred.ru/css/style.css

File size: 31.99Kb
html{height:100%}
html>body{height:100%;color:#FFFFFF;background:#192030;font-family:'Roboto',sans-serif}
a{color:#fb0053}
a:hover{color:rgba(253,0,76,.8)}
a,a:hover{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;text-decoration:none}
ul{padding-left:0}
ul,ol,li,dl,dd,dt{list-style:none}
p{margin-bottom:10px}
header{position:relative;background:#101621;margin-bottom:35px;padding:15px}
header:after{content:'';position:absolute;bottom:0;left:0;background-image:-webkit-linear-gradient(25deg,#ff0059,#a100ea);background-image:-moz-linear-gradient(25deg,#ff0059,#a100ea);background-image:-ms-linear-gradient(25deg,#ff0059,#a100ea);background-image:-o-linear-gradient(25deg,#ff0059,#a100ea);background-image:linear-gradient(25deg,#ff0059,#a100ea);width:100%;height:3px}
header ul{text-align:center;margin-top:25px;margin-bottom:10px}
header ul li{display:inline-block}
header ul li a{position:relative;font-size:14px;padding:10px;color:#fff;text-transform:uppercase}
header ul li a:after{content:"";background:#ff3551;height:5px;width:5px;position:absolute;bottom:0;left:0;right:0;opacity:0;transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;margin:0 auto;border-radius:50%}
header ul li.active a::after,header ul li a:hover::after,header ul li a:focus::after{bottom:-5px;opacity:1}
header ul li a:hover{color:#ff3551!important}
header .logo a span{display:block}
header .logo a .title{color:#FFFFFF;text-transform:uppercase;font-size:28px;font-weight:bold;letter-spacing:2px}
header .logo a .title span{display:inline-block;color:#ff3551}
header .logo a .subtitle{color:#FFFFFF;text-transform:uppercase;font-size:12px;font-weight:bold}
header .menu a{color:#fff!important}
div [id^='reklink_'] a{color:#fff}
.stat-block{display:block}
.stat-block .stat-img{text-align:center;margin-bottom:10px}
.stat-block .stat-img svg{width:80px;height:80px}
.stat-block .stat-img svg path,.stat-block .stat-img svg circle,.stat-block .stat-img svg rect{fill:#fff}
.stat-block .stat-num{font-size:25px;font-weight:bold;color:#ff0058;text-align:center;margin-bottom:10px}
.stat-block p{text-align:center;font-weight:bold}
.home_logo img{width:calc(100% - 230px);margin-top:25px}
.rules-list{width:100%;display:block}
.rules-list__item{font-size:16px;margin-bottom:17px;line-height:1.5;display:inline-block}
.rules-list__title{color:#ff0058;padding-left:14px;font-size:24px}
.rules-list-bullets{margin-top:17px}
.rules-list-bullets__item:before{display:inline-block;content:"";background:url(/img/svg/bullit-arrow.svg) no-repeat;background-size:cover;width:6px;height:12px;margin-right:5px;position:relative;top:1px}
.left-sup-block{color:#fff;padding:15px 0;text-align:center;position:fixed;left:45px;top:21%;z-index:99;background:rgba(32,177,128,0);border-radius:0 4px 4px 0}
#sidebar-menu{color:#fff;padding:1px 0;text-align:center;position:fixed;right:45px;top:21%;z-index:99;background:rgba(32,177,128,0);border-radius:0 4px 4px 0}
.page-title{margin-bottom:20px;font-weight:bold}
.q_block{width:100%;text-align:justify;float:left;margin-top:3px;font-size:13px}
.top_bar{background:#0f1622;width:100%!important;position:fixed;padding:10px;z-index:9999;bottom:0;display:none;text-align:center;border-top:2px solid rgb(255,53,72);font-size:14px;color:#FFFFFFFF}
.cart{width:24px;height:24px;cursor:pointer;border:none;outline:none;background:url(/img/svg/cart.svg) no-repeat}
.user_menu{margin:15px 0 0 0}
.help{width:24px;height:24px;display:inline-block;cursor:pointer}
.help svg{float:left;margin:3px 0 0 5px;width:18px;height:18px}
.user_menu svg{width:48px;height:48px}
.all_table svg path,.all_table svg circle{fill:#efefef}
.user_menu svg path,.user_menu svg circle{fill:#ff0054}
.vtb_login{text-align:left;height:36px;padding:3px 0 3px 0;line-height:36px;overflow:hidden;font-size:14px}
.vtb{text-align:left;height:20px;padding:3px 0 3px 0;line-height:20px}
.vtlb{clear:left;float:left;width:136px;color:#fff;font-size:12px}
.vtrb{margin-left:6px;width:134px;float:left}
.tooltip{top:10px!important}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{border-bottom-color:#fd004c}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{border-top-color:#fd004c}
.tooltip-inner{background-color:#ff0054}
.jQtooltip{position:relative;cursor:pointer}
.jQtooltip div{display:none;position:absolute;left:20px;z-index:1000;width:190px;padding:8px 12px;text-align:left;font-size:14px;line-height:16px;color:#fff;background:#ff0054;-moz-border-radius:2px;border-radius:2px}
.btn-default{background:-webkit-linear-gradient(25deg,#ff944d,#ff1751);background:-moz-linear-gradient(25deg,#ff944d,#ff1751);background:-ms-linear-gradient(25deg,#ff944d,#ff1751);background:-o-linear-gradient(25deg,#ff944d,#ff1751);background:linear-gradient(160deg,#ff944d,#ff1751);box-shadow:0 2px 2px 0 rgba(255,0,74,.14),0 3px 1px -2px rgba(255,13,73,.2),0 1px 5px 0 rgba(255,0,74,.12);border:0px solid transparent;color:#fff;padding:10px 25px;border-radius:2px;outline:0;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);will-change:box-shadow,transform}
.btn-default:hover{box-shadow:0 14px 26px -12px rgba(255,128,60,.42),0 4px 23px 0 rgba(255,39,73,.12),0 8px 10px -5px rgba(255,131,59,.2)}
.btn-panel{background:#182030;border:0px solid transparent;color:#fff;border-radius:2px;outline:0;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);will-change:box-shadow,transform}
.form-control:disabled,.form-control[readonly]{background-color:#111826;opacity:1}
.pulse-icon{position:relative;display:block;margin-bottom:40px}
.pulse-icon .icon-wrap{position:relative;width:50px;height:50px;box-shadow:0px 12px 12px 0px rgba(0,0,0,0.1);text-align:center;display:inline-block;border-radius:50%;color:#182031;background:#efefef;cursor:pointer;position:relative;z-index:2}
.pulse-icon .icon{line-height:50px;font-size:20px;animation:grow-shrink 4s ease-out infinite}
.pulse-icon .elements{position:absolute;top:0px;left:0px;z-index:1}
.pulse-icon .circle{border-radius:50%;position:absolute}
.pulse-icon .circle-inner{width:70px;height:70px;top:-10px;left:-10px;background:linear-gradient(-180deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.1) 100%);animation:grow-circles 4s linear infinite both}
.pulse-icon .circle-outer{width:60px;height:60px;background:linear-gradient(-180deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.1) 100%);top:-5px;left:-5px;animation:grow-circles 4s linear infinite both}
.pulse-icon .pulse{position:absolute;animation:pulse-wave 4s linear infinite both;border-radius:50%}
.pulse-icon .pulse-1{border:solid 1px rgba(255,255,255,0.25);width:90px;height:90px;top:-20px;left:-20px}
.pulse-icon .pulse-2{border:solid 1px rgba(255,255,255,0.35);width:110px;height:110px;top:-30px;left:-30px}
.pulse-icon .pulse-3{border:solid 1px rgba(255,255,255,0.45);width:130px;height:130px;top:-40px;left:-40px}
@keyframes pulse-wave{0%{opacity:0;transform:scale(0.1)}50%{opacity:1;transform:scale(0.5)}100%{opacity:0;transform:scale(1.0)}}
@keyframes grow-circles{0%{opacity:0.85;transform:scale(1.0)}15%{opacity:1;transform:scale(1.05)}30%{opacity:0.85;transform:scale(1.0)}}
@keyframes grow-shrink{0%{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(1)}}
.rainbow{background-image:-webkit-linear-gradient(left,#E0F8F7,#585858,#fff);background-image:-moz-linear-gradient(left,#E0F8F7,#585858,#fff);background-image:-ms-linear-gradient(left,#E0F8F7,#585858,#fff);background-image:-o-linear-gradient(left,#E0F8F7,#585858,#fff);background-image:linear-gradient(25deg,#ff0059,#a100ea);color:transparent;-webkit-background-clip:text;background-clip:text}
.card{background-color:#141b2a}
.table td,.table th{border:none}
table.buy_table{width:100%;float:right}
table.deal_table{border-right:4px solid #ff004a}
table.deal_table svg{width:24px;height:24px}
table.deal_table svg path{fill:#ff004a}
table.deal_table td.deal_title{background:transparent;text-align:left;border-right:none;font:12px Tahoma,Verdana,sans-serif}
table.deal_table td{padding:5px 5px 5px 5px;border-right:1px dashed #DBDADE}
table.deal_table td:last-child{border-right:none}
.table thead th{border-bottom:0px solid #dee2e6!important}
.buy_table td{line-height:14px !important}
.all_table{font-size:12px;margin-top:1rem}
.all_mid{vertical-align:middle!important}
.all_table svg{width:24px;height:24px}
.all_table input[type="image"]{width:24px;height:24px}
.all_table .info svg path{fill:#28c5e2}
.all_table .info svg circle{fill:#28c5e2}
.all_table .good svg path{fill:#03d17d}
.all_table .good svg circle{fill:#03d17d}
.all_table .fail svg path{fill:#ff0054}
.pending{position:relative;pointer-events:none;outline:none;display:inline-block;width:100%;height:100%;border:0;border-radius:24px;transition:all .33s ease-in-out}
.pending:before{content:'';position:absolute;top:24px;left:24px;display:inline-block;height:24px;width:24px;border:2px solid rgb(16,22,33);border-top-color:#fff;border-radius:50%;-webkit-animation:loading-btn--fade-in .33s ease,loading-btn--rotation .66s linear 0s infinite;animation:loading-btn--fade-in .33s ease,loading-btn--rotation .66s linear 0s infinite}
a{color:#fd004c}
@-webkit-keyframes loading-btn--fade-in{0%{opacity:0}100%{opacity:1}}
@keyframes loading-btn--fade-in{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes loading-btn--rotation{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes loading-btn--rotation{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}
.m_img,.m_img img{float:left;width:220px}
.m_r_info{margin:0;float:right}
.m_text{margin:12px 0 15px 0}
.m_text{float:left;width:644px;margin:10px 0 0 0}
.m_form{float:left;width:100%;margin:15px 0 0 0}
.jslider .jslider-value{background:transparent!important}
.pay_btn{width:100%;height:45px;margin-bottom:20px}
.pay_btn .comment{line-height:2.5}
.pay_btn input{float:left;margin:0;margin-right:15px}
.wmoney{border:0;font-size:14px;background:-webkit-linear-gradient(25deg,#ff0053,#8e02d5);background:-moz-linear-gradient(25deg,#ff0053,#8e02d5);background:-ms-linear-gradient(25deg,#ff0053,#8e02d5);background:-o-linear-gradient(25deg,#ff0053,#8e02d5);background:linear-gradient(160deg,#ff0053,#8e02d5);border-radius:2px;color:#ffffff;outline:none;text-transform:uppercase;cursor:pointer;width:180px;height:45px;text-align:center;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);will-change:box-shadow,transform}
.wmoney:hover{box-shadow:0 14px 26px -12px rgb(142,2,213,.42),0 4px 23px 0 rgb(142,2,213,.12),0 8px 10px -5px rgb(142,2,213,.2)}
.card-body{position:relative}
.card-body.answer{overflow:hidden}
.card-body.answer .btn-answer{cursor:pointer;outline:0;background:#fff;border:0;border-radius:50%;font-weight:bolder;width:65px;height:65px;position:absolute;top:-25px;right:-25px;padding-top:30px;padding-right:25px;padding-bottom:10px;transition:color .2s cubic-bezier(.4,0,.2,1);will-change:transform}
.card-body.answer .btn-answer:hover{color:#ff004a}
.form-control{display:block;width:100%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#fff;background-color:#202838;background-clip:padding-box;border:0px solid #ced4da;border-radius:2px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#182030;border:1px solid rgba(0,0,0,.125)}
.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#ff004b}
.can-toggle{position:relative}
.can-toggle *, .can-toggle *:before, .can-toggle *:after{box-sizing:border-box}
.can-toggle input[type="checkbox"]{opacity:0;position:absolute;top:0;left:0}
.can-toggle input[type="checkbox"][disabled] ~ label{pointer-events:none}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch{opacity:0.4}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before{content:attr(data-unchecked);left:0}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after{content:attr(data-checked)}
.can-toggle label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center}
.can-toggle label .can-toggle__label-text{flex:1;padding-left:32px}
.can-toggle label .can-toggle__switch{position:relative}
.can-toggle label .can-toggle__switch:before{content:attr(data-checked);position:absolute;top:0;text-transform:uppercase;text-align:center}
.can-toggle label .can-toggle__switch:after{content:attr(data-unchecked);position:absolute;z-index:5;text-transform:uppercase;text-align:center;background:white;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.can-toggle input[type="checkbox"][disabled] ~ label{color:rgba(119,119,119,0.5)}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch,.can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch{}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after,.can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after{}
.can-toggle input[type="checkbox"]:hover ~ label{}
.can-toggle input[type="checkbox"]:checked ~ label:hover{color:#55bc49}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch{}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after{}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch,.can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch{}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after,.can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after{}
.can-toggle label .can-toggle__label-text{flex:1}
.can-toggle label .can-toggle__switch{transition:background-color 0.3s cubic-bezier(0,1,0.5,1);background:#141b2a;cursor:pointer}
.can-toggle label .can-toggle__switch:before{color:rgba(255,255,255,0.5)}
.can-toggle label .can-toggle__switch:after{transition:-webkit-transform 0.3s cubic-bezier(0,1,0.5,1);transition:transform 0.3s cubic-bezier(0,1,0.5,1);transition:transform 0.3s cubic-bezier(0,1,0.5,1),-webkit-transform 0.3s cubic-bezier(0,1,0.5,1);color:#141b2a}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after,.can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after{}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after,.can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after{}
.can-toggle label{font-size:14px}
.can-toggle label .can-toggle__switch{height:36px;flex:0 0 100%;border-radius:4px}
.can-toggle label .can-toggle__switch:before{left:50%;font-size:12px;line-height:36px;width:50%;padding:0 12px}
.can-toggle label .can-toggle__switch:after{top:2px;left:2px;border-radius:2px;width:calc(50% - 2px);line-height:32px;font-size:12px}
.can-toggle label .can-toggle__switch:hover:after{}
.can-toggle.can-toggle--size-small input[type="checkbox"]:focus ~ label .can-toggle__switch:after,.can-toggle.can-toggle--size-small input[type="checkbox"]:hover ~ label .can-toggle__switch:after{box-shadow:0 2px 2px rgba(0,0,0,0.4)}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked ~ label .can-toggle__switch:after{-webkit-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}
.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after,.can-toggle.can-toggle--size-small input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after{box-shadow:0 2px 2px rgba(0,0,0,0.4)}
.can-toggle.can-toggle--size-small label{font-size:13px}
.can-toggle.can-toggle--size-small label .can-toggle__switch{height:28px;flex:0 0 90px;border-radius:2px}
.can-toggle.can-toggle--size-small label .can-toggle__switch:before{left:45px;font-size:10px;line-height:28px;width:45px;padding:0 12px}
.can-toggle.can-toggle--size-small label .can-toggle__switch:after{top:1px;left:1px;border-radius:1px;width:44px;line-height:26px;font-size:10px}
.can-toggle.can-toggle--size-small label .can-toggle__switch:hover:after{box-shadow:0 2px 2px rgba(0,0,0,0.4)}
.can-toggle.can-toggle--size-large input[type="checkbox"]:focus ~ label .can-toggle__switch:after,.can-toggle.can-toggle--size-large input[type="checkbox"]:hover ~ label .can-toggle__switch:after{box-shadow:0 4px 4px rgba(0,0,0,0.4)}
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked ~ label .can-toggle__switch:after{-webkit-transform:translate3d(78px,0,0);transform:translate3d(78px,0,0)}
.can-toggle.can-toggle--size-large input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after,.can-toggle.can-toggle--size-large input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after{box-shadow:0 4px 4px rgba(0,0,0,0.4)}
.can-toggle.can-toggle--size-large label{font-size:14px}
.can-toggle.can-toggle--size-large label .can-toggle__switch{height:50px;flex:0 0 160px;border-radius:4px}
.can-toggle.can-toggle--size-large label .can-toggle__switch:before{left:80px;font-size:14px;line-height:50px;width:80px;padding:0 12px}
.can-toggle.can-toggle--size-large label .can-toggle__switch:after{top:2px;left:2px;border-radius:2px;width:78px;line-height:46px;font-size:14px}
.can-toggle.can-toggle--size-large label .can-toggle__switch:hover:after{box-shadow:0 4px 4px rgba(0,0,0,0.4)}
.can-toggle.demo-rebrand-1 input[type="checkbox"][disabled] ~ label{color:rgba(181,62,116,0.5)}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch,.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch{background-color:#b53e74}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:focus ~ label .can-toggle__switch:after,.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label .can-toggle__switch:after{color:#8f315c}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:hover ~ label{color:#a23768}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label:hover{color:#39916a}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch{background-color:#44ae7f}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked ~ label .can-toggle__switch:after{color:#368a65}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch,.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch{background-color:#3d9c72}
.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after,.can-toggle.demo-rebrand-1 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after{color:#2f7757}
.can-toggle.demo-rebrand-1 label .can-toggle__label-text{flex:1}
.can-toggle.demo-rebrand-1 label .can-toggle__switch{transition:background-color 0.3s ease-in-out;background:#c14b81}
.can-toggle.demo-rebrand-1 label .can-toggle__switch:before{color:rgba(255,255,255,0.6)}
.can-toggle.demo-rebrand-1 label .can-toggle__switch:after{transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;color:#b53e74}
.can-toggle.demo-rebrand-2 input[type="checkbox"][disabled] ~ label{color:rgba(68,68,68,0.5)}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch,.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch{background-color:#444}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after,.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after{color:#2b2b2b}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label{color:#373737}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label:hover{color:#62b125}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch{background-color:#75d32d}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after{color:#5da924}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch,.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch{background-color:#69be28}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after,.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after{color:#52941f}
.can-toggle.demo-rebrand-2 label .can-toggle__label-text{flex:1}
.can-toggle.demo-rebrand-2 label .can-toggle__switch{transition:background-color 0.3s cubic-bezier(0.86,0,0.07,1);background:#515151}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before{color:rgba(255,255,255,0.7)}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after{transition:-webkit-transform 0.3s cubic-bezier(0.86,0,0.07,1);transition:transform 0.3s cubic-bezier(0.86,0,0.07,1);transition:transform 0.3s cubic-bezier(0.86,0,0.07,1),-webkit-transform 0.3s cubic-bezier(0.86,0,0.07,1);color:#444}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:focus ~ label .can-toggle__switch:after,.can-toggle.demo-rebrand-2 input[type="checkbox"]:hover ~ label .can-toggle__switch:after{box-shadow:0 4px 4px rgba(0,0,0,0.4)}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked ~ label .can-toggle__switch:after{-webkit-transform:translate3d(58px,0,0);transform:translate3d(58px,0,0)}
.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after,.can-toggle.demo-rebrand-2 input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after{box-shadow:0 4px 4px rgba(0,0,0,0.4)}
.can-toggle.demo-rebrand-2 label{font-size:13px}
.can-toggle.demo-rebrand-2 label .can-toggle__switch{height:60px;flex:0 0 120px;border-radius:60px}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:before{left:60px;font-size:13px;line-height:60px;width:60px;padding:0 12px}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:after{top:2px;left:2px;border-radius:30px;width:58px;line-height:56px;font-size:13px}
.can-toggle.demo-rebrand-2 label .can-toggle__switch:hover:after{box-shadow:0 4px 4px rgba(0,0,0,0.4)}
.page_selector{text-align:center;margin-top:15px}
.page_selector .selector.active{background-color:#ff0056;border-radius:100%;color:#fff}
.page_selector a{width:40px;height:40px;line-height:40px;padding:0;text-align:center;display:inline-block;color:#fff;font-size:14px}
.banner{float:right;display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}
footer{position:relative;margin-top:35px;background:#101621;color:#FFFFFF;padding:25px}
footer:before{content:'';position:absolute;top:0;left:0;background-image:-webkit-linear-gradient(25deg,#ff0059,#a100ea);background-image:-moz-linear-gradient(25deg,#ff0059,#a100ea);background-image:-ms-linear-gradient(25deg,#ff0059,#a100ea);background-image:-o-linear-gradient(25deg,#ff0059,#a100ea);background-image:linear-gradient(25deg,#ff0059,#a100ea);width:100%;height:3px}
.sld{width:306px;height:140px;position:relative;overflow:hidden;margin:10px 0}
.sld a{line-height:0;margin:0;padding:0;color:#FFFFFF;text-decoration:none}
.sld .l1{font:22px Georgia,"Times New Roman",Times,serif;position:absolute;top:29px;left:17px;color:#FFFFFF}
.sld .l2{font:68px Georgia,"Times New Roman",Times,serif;position:absolute;top:25px;left:0px;color:#FFFFFF}
.sld .l3{font:36px Georgia,"Times New Roman",Times,serif;position:absolute;top:80px;left:154px;color:#FFFFFF}
.sld .l4{font:200px Georgia,"Times New Roman",Times,serif;position:absolute;right:0;top:-67px;color:#FFFFFF}
.sld .l5{font:14px Georgia,"Times New Roman",Times,serif;position:absolute;right:10px;top:80px;color:#FFFFFF}
.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;}
@media (max-width: 1200px) { .container { max-width: 1140px;padding: 0 12px;}}
@media (max-width: 992px) { .container { max-width: 960px;padding: 0 10px;}}
@media (max-width: 768px) { .container { max-width: 720px;padding: 0 8px;}}
@media (max-width: 576px) { .container { max-width: 100%;padding: 0 16px;}} 
@media (max-width: 375px) { .container { max-width: 100%;padding: 0 16px;}}
.banner_ls, .banner_ls div, .banner_ls img {width: 100% !important;height: 60px !important;}
@media (max-width: 660px){.banner_ls, .banner_ls div, .banner_ls img {width: 100% !important;height: 60px !important;}}
@media screen and (max-width: 750.98px) {.banner_ls, .banner_ls div, .banner_ls img {width: 100% !important;}}
@media (max-width: 660px) {.home_logo img {width: calc(100% - 50px);}}
@media (max-width: 660px) {#sidebar-menu {top: 8%;right: 15px;}}
@media (max-width: 660px) {.m_text {width: 100%;float: none;clear: both;box-sizing: border-box;padding: 0 10px;word-wrap: break-word;overflow-wrap: break-word;hyphens: auto;}}
@media (max-width: 660px) {.deal_table {width: 100% !important;display: block;}.deal_table tbody {display: block;}.deal_table tr {display: flex;flex-wrap: wrap;margin-bottom: 10px;border-bottom: 1px solid #444;padding-bottom: 10px;}.deal_table td {display: block;border: none !important;padding: 5px !important;box-sizing: border-box;}.deal_title {width: 40% !important;font-weight: bold;text-align: left;padding-right: 10px !important;}.deal_mid {width: 60% !important;text-align: left;word-break: break-word;}.deal_table tr:nth-last-child(2),.deal_table tr:last-child {display: flex;flex-wrap: wrap;position: relative;}.deal_table tr:nth-last-child(2) .deal_title {width: 40% !important;}.deal_table tr:nth-last-child(2) .deal_mid:first-of-type {width: 40% !important;}.deal_table tr:nth-last-child(2) .deal_mid[rowspan] {width: 20% !important;position: absolute;right: -10px;top: 50%;transform: translateY(-50%);text-align: center;padding: 0 !important;}.deal_table tr:last-child .deal_title {width: 40% !important;}.deal_table tr:last-child .deal_mid {width: 60% !important;border-right: none !important;}.deal_mid svg {width: 24px;height: 24px;}.deal_mid a {display: inline-block;padding: 5px;}}
@media (max-width: 660px) {.col-lg-6.text-right {width: 100%;text-align: center !important;float: none;margin: 0 auto;padding: 10px 0;}}
.mobile-menu-wrapper {position: relative;}
.mobile-menu-toggle {background: #2c3e50;border: none;border-radius: 4px;padding: 12px 10px;cursor: pointer;display: flex;flex-direction: column;gap: 4px;transition: all 0.3s ease;}
.mobile-menu-toggle:hover {background: #34495e;}
.mobile-menu-toggle span {display: block;width: 25px;height: 3px;background: #ecf0f1;border-radius: 2px;transition: all 0.3s ease;}
.mobile-menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.mobile-menu-overlay.active {opacity: 1;visibility: visible;}
.mobile-menu {position: fixed;top: 0;left: -100%;width: 280px;height: 100%;background: #2c3e50;z-index: 1000;transition: left 0.3s ease;box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3); overflow-y: auto;}
.mobile-menu.active {left: 0;}
.mobile-menu-header {display: flex;justify-content: space-between;align-items: center;padding: 10px;border-bottom: 1px solid #34495e;background: #1a252f;}
.mobile-menu-title {color: #ecf0f1;font-size: 18px;font-weight: 600;}
.mobile-menu-close {background: none;border: none;cursor: pointer;padding: 5px;position: relative;width: 30px;height: 30px;}
.mobile-menu-close span {position: absolute;top: 50%;left: 50%;width: 20px;height: 2px;background: #ecf0f1;border-radius: 1px;}
.mobile-menu-close span:first-child {transform: translate(-50%, -50%) rotate(45deg);}
.mobile-menu-close span:last-child {transform: translate(-50%, -50%) rotate(-45deg);}
.mobile-menu-list {list-style: none;padding: 0;margin: 0;}
.mobile-menu-list li {border-bottom: 1px solid #34495e;}
.mobile-menu-list li:last-child {border-bottom: none;}
.mobile-menu-list a {display: block;padding: 15px 20px;color: #ecf0f1;text-decoration: none;transition: all 0.3s ease;font-size: 16px;}
.mobile-menu-list a:hover {background: #34495e;color: #3498db;}
.mobile-menu.dark-theme {background: #1a252f;}
.mobile-menu.dark-theme .mobile-menu-header {background: #2c3e50;border-bottom-color: #34495e;}
.mobile-menu.dark-theme .mobile-menu-list li {border-bottom-color: #2c3e50;}
.mobile-menu.dark-theme .mobile-menu-list a:hover {background: #2c3e50;}
.menu {display: flex;list-style: none;padding: 0;margin: 0;gap: 20px;}
.menu li a {color: #333;text-decoration: none;padding: 10px 15px;border-radius: 4px;transition: all 0.3s ease;}
.menu li a:hover {color: #007bff;}
.header-top-row {display: flex;align-items: center;justify-content: space-between;}
.logo-col {flex: 0 0 auto;}
.mobile-menu-col {flex: 0 0 auto;}
@media (max-width: 991.98px) {.menu.d-none.d-lg-flex {display: none !important;}.mobile-menu-wrapper {display: block;}.header-top-row {padding: 10px 0;}.banner-mobile-row {display: block;}}
@media (min-width: 992px) {.mobile-menu-wrapper {display: none;}.menu.d-none.d-lg-flex {display: flex !important;}.banner-mobile-row {display: none;}}
@media (max-width: 991.98px) {body.menu-open {overflow: hidden;}}
@media (max-width: 768px) {.table-responsive-mobile {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #2a3546;border-radius: 4px;margin-bottom: 1rem;}.table-responsive-mobile::-webkit-scrollbar {height: 6px;}.table-responsive-mobile::-webkit-scrollbar-track {background: #1a2433;border-radius: 4px;}.table-responsive-mobile::-webkit-scrollbar-thumb {background: #ff3551;border-radius: 4px;}.table-responsive-mobile::-webkit-scrollbar-thumb:hover {background: #ff1744;}.table-responsive-mobile .all_table {min-width: 700px;margin: 0;white-space: nowrap;}.table-responsive-mobile .all_table th,.table-responsive-mobile .all_table td {white-space: nowrap;padding: 10px 8px;font-size: 12px;}.table-responsive-mobile .all_title {background: #2a3546;position: sticky;left: 0;padding: 12px 8px;font-weight: bold;border-bottom: 2px solid #ff3551;}.table-responsive-mobile .cut {width: 200px !important;}}
@media (max-width: 576px) {.table-responsive-mobile .all_table {min-width: 750px;}.table-responsive-mobile .all_table th,.table-responsive-mobile .all_table td {padding: 8px 6px;font-size: 11px;}.table-responsive-mobile .cut {width: 180px !important;}.table-responsive-mobile .all_table svg {width: 18px;height: 18px;}}
@media (max-width: 375px) {.table-responsive-mobile {margin-right: -8px;border-left: none;border-right: none;border-radius: 0;}.table-responsive-mobile .all_table {min-width: 800px;}}.table-responsive-mobile .all_table .all_mid svg {vertical-align: middle;}.table-responsive-mobile .all_table form {display: inline-block;margin: 0;}.table-responsive-mobile .all_table tr:hover {background: rgba(255, 53, 81, 0.05);}
@media (max-width: 660px) {.table.all_table {width: 100% !important;display: table;overflow-x: visible;}.all_table tbody {display: table-row-group;width: auto;}.all_table tr {display: table-row;margin-bottom: 0;border: none;border-radius: 0;padding: 0;}.all_table td {display: table-cell;border: none !important;padding: 8px 4px;width: auto !important;}.all_table td:nth-child(1),.all_table td:nth-child(2),.all_table td:nth-child(3),.all_table td:nth-child(4),.all_table td:nth-child(5),.all_table td:nth-child(6) {width: auto;order: unset;text-align: left;}.all_title {display: table-cell !important;padding: 10px 4px !important;margin: 0 !important;text-align: center;border-bottom: 1px solid #444;align-items: center;justify-content: center;font-size: 11px;min-width: auto;}.cut, .long_link {width: auto !important;text-align: left !important;}}
@media (max-width: 660px) {.all_table tr.info,.deal_table tr {display: table-row;flex-wrap: nowrap;margin-bottom: 0;border: none;border-radius: 0;padding: 0;position: static;}.all_table tr.info td,.deal_table td {display: table-cell;width: auto !important;position: static;transform: none;padding: 8px 4px !important;}}
@media (min-width: 769px) {.table-responsive-mobile {overflow-x: visible;}.table-responsive-mobile .all_table {min-width: auto;width: 100%;}}