

/* Start:/local/templates/.default/components/bitrix/menu/header-menu-v2/style.css?1766464189556*/
#header-menu .menu__li{position:relative}
#header-menu .submenu{min-width:fit-content;display:none;padding:0;position:absolute;right:0;left:0;top:100%}
#header-menu .menu__li-parent:hover .submenu{display:flex;flex-direction:column}
#header-menu .menu-item{padding:3px 10px;color:#4b4242;cursor:pointer}
#header-menu .submenu__a{font-size:14px;white-space:nowrap}
@media screen and (max-width:998px){
#header-menu .submenu{padding:0 0 0 20px;display:flex;flex-direction:column;position:initial}
#header-menu .submenu .submenu__a{padding:3px 10px}
}
/* End */


/* Start:/local/templates/agames/template_styles.css?176655510715896*/
@font-face{font-family:Montserrat;src:url(/include/fonts/Montserrat-Light.ttf) format('truetype');font-weight:100;font-display:swap}
@font-face{font-family:Montserrat;src:url(/include/fonts/Montserrat-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(/include/fonts/Montserrat-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(/include/fonts/Montserrat-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url(/include/fonts/Montserrat-Black.ttf) format('truetype');font-weight:900;font-display:swap}
*,::after{margin:0;padding:0;box-sizing:border-box;line-height:1.2}
:root{--max-width:1460px;--black:#333;--grey:#464648;--text-grey:#505050;--border-grey:#4646484d;--white:#fff;--orange:#EB6D26;--yellow:#E0B324;--red:#BB6765;--green:#A5B66C;--response-red:#7c0200;--response-green:#196d00;--light-blue:#88CCED;--blue:#72C2E1;--light-grey:#EFEFEF;--light-grey-hover:#cccccc;--shadow:#0000003b;--shadow-color:#00000021;--trans:.3s}
body{min-width:350px;min-height:100vh;width:100%;font-size:20px;font-family:Montserrat;font-weight:400;display:flex;flex-direction:column;overflow-x:hidden}
a{text-decoration:none}
.w-100{width:100%}
.h-100{height:100%}
.w-fc{width:fit-content}
.h-fc{height:fit-content}
.block{display:block}
.flex{display:flex}
.hidden{display:none!important}
.row{flex-direction:row}
.column{flex-direction:column}
.align-start{align-items:flex-start}
.align-center{align-items:center}
.align-bottom{align-items:end}
.align-stretch{align-items:stretch}
.justify-center{justify-content:center}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.grow-1{flex-grow:1}
.row-sm-col{flex-direction:row}
.wrap{flex-wrap:wrap}
.dec-none{text-decoration:none}
.fw-500{font-weight:500}
.fb{font-weight:700}
.italic{font-style:italic}
.bold{font-weight:700}
.semibold{font-weight:600}
.absolute{position:absolute}
.fixed{position:fixed}
.uppercase{text-transform:uppercase}
.relative{position:relative}
.unstyled li{list-style:none}
.nowrap{white-space:nowrap}
.absolute-centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.pointer{cursor:pointer}
.red{color:var(--red)}
.grey{color:var(--grey1)}
.white{color:var(--white)}
.green{color:var(--green)}
.black{color:var(--black)}
.italic{font-style:italic}
.m-0{margin:0}
.p-0{padding:0}
.p-5{padding:5px}
.p-10{padding:10px}
.p-15{padding:15px}
.p-20{padding:20px}
.pe-10{padding-right:10px}
.px-10{padding-left:10px;padding-right:10px}
.px-20{padding-left:20px;padding-right:20px}
.py-10{padding-top:10px;padding-bottom:10px}
.py-20{padding-top:20px;padding-bottom:20px}
.py-30{padding-top:30px;padding-bottom:30px}
.ps-50{padding-left:50px}
.my-10{margin-top:10px;margin-bottom:10px}
.me-5{margin-right:5px}
.me-10{margin-right:10px}
.me-15{margin-right:15px}
.me-20{margin-right:20px}
.me-30{margin-right:30px}
.me-40{margin-right:30px}
.me-50{margin-right:50px}
.ms-10{margin-left:10px}
.ms-40{margin-left:40px}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-40{margin-top:40px}
.mb-0{margin-bottom:0}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.mb-15{margin-bottom:15px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-50{margin-bottom:50px}
.mx-auto{margin-left:auto;margin-right:auto}
.fs-10{font-size:10px}
.fs-12{font-size:12px}
.fs-14{font-size:14px}
.fs-16{font-size:16px}
.fs-18{font-size:18px}
.fs-20{font-size:20px}
.fs-24{font-size:24px}
.lh-1{line-height:1.2}
ul{padding-left:30px}
.need_notice{color:var(--orange)}
.text-center{text-align:center}
.custom-btn{width:fit-content;height:70px;margin-top:45px;margin-bottom:20px;padding:0 30px;display:flex;align-items:center;justify-content:center;background-color:var(--orange);filter:drop-shadow(14px 14px 23px #53000029);color:var(--white);font-size:27px;font-weight:600;border-top-left-radius:70px;border-bottom-left-radius:40px;border-top-right-radius:40px;border-bottom-right-radius:70px;transition:opacity var(--trans);cursor:pointer;border:unset}
.custom-btn:hover{animation:shake-hover ease-in-out var(--trans) forwards}
.row-column{display:flex;flex-direction:row}
.popup-window{font-family:Montserrat,sans-serif}
.popup-wrapper{padding:20px}
.popup-wrapper .popup-title{margin-bottom:26px;font-weight:700;font-size:28px}
.popup-wrapper .popup-subtitle{margin-bottom:26px;font-weight:700;font-size:28px}
.popup-wrapper .form-item{width:100%;margin-bottom:20px;display:flex;flex-direction:column}
.popup-wrapper .form-item label{font-size:18px}
.popup-wrapper .popup-subtitle{margin-bottom:20px;font-size:22px;font-weight:700}
.popup-wrapper input,.popup-wrapper select,.popup-wrapper textarea{padding:5px;border:1px solid var(--border-grey)}
.popup-wrapper .popup-btns .btn{width:100%;margin:5px 0}
section.relative{max-width:1920px;margin:0 auto}
#recaptcha-register-error{color:var(--response-red);font-weight:700}
#recaptcha-register-error a{margin:10px 0 0 0;display:block}
.form-field{margin-bottom:10px;display:flex;flex-direction:column;position:relative}
.form-field label{font-weight:700}
.form-field input,.form-field select,.form-field textarea{width:100%;padding:10px 15px;font-size:16px;border:1px solid #d3d3d3}
.form-field input[type=checkbox],.form-field input[type=radio]{width:fit-content}
.required{color:var(--response-red);font-weight:700}
main{flex:1 0 auto;overflow:hidden}
.popup-window-overlay{height:100vh;position:fixed}
.container{max-width:1440px;width:100%;margin:0 auto}
.wrapper{padding:40px 20px}
.wrapper:empty{display:none}
div#page{min-height:100vh;width:100%;max-width:1920px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}
.response__p,form font{margin-bottom:5px;padding:3px;font-size:16px;background-color:var(--text-grey);color:var(--white);font-weight:700}
.response__p.red,form font.errortext, .form-result .errortext{background-color:var(--response-red);color:var(--white)!important}
.response__p.green,form font.successtext, .form-result .successtext {background-color:var(--response-green);color:var(--white)!important}
.orange{color:var(--orange)}
.disable{pointer-events:none!important}
.inline-loader{padding-right:40px;position:relative}
.inline-loader::after{width:20px;height:20px;content:"";position:absolute;right:10px;border-radius:50px;border:5px solid #fff;border-top-color:#000;-webkit-animation:loading 1.5s linear infinite;animation:loading 1.5s linear infinite}
.form-result:not(:empty){margin-top:20px}
@-webkit-keyframes loading{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes loading{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
header svg{width:64px;height:64px;transition:fill var(--trans)}
header .container{padding:50px 20px;display:flex;align-items:center;justify-content:space-between}
header .mobile-menu-trigger{display:none}
#header-content div{display:flex;align-items:center;justify-content:space-between}
#header-content #profile a{width:65px;height:65px}
#header-menu{margin-right:20px;display:flex;align-items:center;justify-content:space-evenly}
#footer-menu{width:fit-content;padding:15px 0;columns:3;column-gap:50px}
#footer-menu li,#header-menu li{width:fit-content;list-style:none}
#footer-menu li a,#header-menu li a{padding:3px 10px;display:flex;color:#4b4242;font-size:20px;border-bottom:3px solid transparent;transition:border-color var(--trans)}
#footer-menu li:hover a,#header-menu li:not(.menu__li-parent):hover a{border-bottom-color:var(--orange)}
#about-footer{min-width:450px;display:flex;align-items:flex-start}
#owner-info{padding:15px 0}
#footer-logo{margin-right:30px}
footer{max-width:1920px;width:100%;margin:0 auto;padding:20px 0 40px;color:#4b4242;background-color:#efefef;font-size:16px}
footer .wrapper{padding:0 20px}
footer #columns-block{margin-bottom:30px;display:grid;grid-template-columns:.8fr 1fr;column-gap:30px;row-gap:30px}
#footer-menu li{margin-bottom:10px}
#footer-menu li a{font-size:16px}
#footer-copyright{padding:15px 0 0 0;text-align:center}
h1{margin-bottom:50px}
.btn{width:fit-content;padding:15px 20px;display:flex;align-items:center;justify-content:center;border:unset;font-size:16px;text-align:center;color:var(--text-grey);background-color:var(--light-grey);cursor:pointer;transition:background-color var(--trans)}
.btn:hover{background-color:var(--light-grey-hover)}
#recommend h2{margin-bottom:70px;color:var(--orange);font-size:64px;font-weight:700}
#recommend{overflow:hidden}
#recommend-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:10px;row-gap:10px}
#recommend-list .recommend{display:flex;align-items:stretch;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;backdrop-filter:blur(16px);overflow:hidden}
#recommend-list .recommend.blue{background-color:#88cCED10}
#recommend-list .recommend.blue .label{background:#88cced}
#recommend-list .recommend.green{background-color:#2dc23310}
#recommend-list .recommend.green .label{background:#2dc233}
#recommend-list .recommend.orange{background-color:#eb6D2610}
#recommend-list .recommend.orange .label{background:#eb6d26}
#recommend-list .recommend-content{padding:40px 30px}
#recommend-list .recommend-img{width:40%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity var(--trans)}
#recommend-list .recommend-content .label{width:142px;height:24px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;border-radius:45px;color:var(--white);text-align:center;font-size:16px}
#recommend-list .recommend-content .param{margin-bottom:8px}
#recommend-list .recommend-content .name{margin-bottom:20px;color:#494949;font-size:18px;font-weight:700}
#recommend-list .recommend-content .descr{font-size:16px;color:var(--black)}
#recommend-back-circle{width:800px;height:800px;background-image:url(/images/secrets/second-main-circle.png);background-position:center right;background-size:contain;background-repeat:no-repeat;position:absolute;bottom:-130px;opacity:.15;transform:rotate(180deg)}
.shake{animation:shake ease-in-out 2s infinite}
@keyframes shake{
0%{transform:rotateZ(0)}
92%{transform:rotateZ(0)}
94%{transform:rotateZ(5deg)}
96%{transform:rotateZ(0)}
98%{transform:rotateZ(-5deg)}
100%{transform:rotateZ(0)}
}
@keyframes shake-hover{
0%{transform:rotateZ(0)}
25%{transform:rotateZ(5deg)}
50%{transform:rotateZ(0)}
75%{transform:rotateZ(-5deg)}
100%{transform:rotateZ(0)}
}
#notice-block{min-width:260px;width:50%;padding:30px 0;position:fixed;top:80px;left:50%;z-index:210;transform:translateX(-50%)}
#notice-block:empty{display:none}
#notice-block .notice{width:fit-content;margin:10px auto;padding:5px 50px;position:relative;color:var(--white);font-weight:700;font-size:16px;border-radius:3px;cursor:pointer}
#notice-block .notice.green{background-color:var(--response-green);box-shadow:0 0 35px #196d006b}
#notice-block .notice.green::before{width:24px;height:24px;content:url(/include/svg/notify-success.svg);position:absolute;left:15px;top:50%;transform:translateY(-50%)}
#notice-block .notice.red{background-color:var(--response-red);box-shadow:0 0 35px #7c02006b}
#notice-block .notice.red::before{width:24px;height:24px;content:url(/include/svg/notify-error.svg);position:absolute;left:15px;top:50%;transform:translateY(-50%)}
#buy-block{min-width:250px;width:30%;height:100vh;padding:30px 50px;position:fixed;right:0;z-index:11;display:none;align-items:center;justify-content:center;box-shadow:0 0 40px #e29e24c4;backdrop-filter:blur(50px);background-color:#ffffff00;transition:right var(--trans)}
#buy-block.open{display:flex;animation:showBuyPopup var(--trans) ease-in forwards}
@keyframes showBuyPopup{
0%{display:none;right:-100%}
1%{display:flex}
100%{right:0}
}
#buy-block.loading::after{width:100%;height:100%;position:absolute;z-index:1;content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="none" stroke-opacity="1" stroke="%23EB6D26" stroke-width=".5" cx="100" cy="100" r="0"><animate attributeName="r" calcMode="spline" dur="2" values="1;80" keyTimes="0;1" keySplines="0 .2 .5 1" repeatCount="indefinite"></animate><animate attributeName="stroke-width" calcMode="spline" dur="2" values="0;25" keyTimes="0;1" keySplines="0 .2 .5 1" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" calcMode="spline" dur="2" values="1;0" keyTimes="0;1" keySplines="0 .2 .5 1" repeatCount="indefinite"></animate></circle></svg>');backdrop-filter:blur(10px);background-color:#fffffff5}
#buy-close{position:absolute;right:30px;top:30px;cursor:pointer;z-index:2}
#buy-product{color:var(--orange);font-size:30px;font-weight:700;margin-bottom:30px}
#buy-num input[type=number]{height:50px;padding:10px 35px;border-radius:45px 30px;font-size:20px;font-family:Montserrat,sans-serif;border:2px solid var(--orange)}
#buy-num label{padding:10px 0;position:static;color:var(--text-grey)}
.action-btn{width:fit-content;height:70px;margin-top:45px;margin-bottom:20px;padding:0 30px;display:flex;align-items:center;justify-content:center;background-color:var(--orange);filter:drop-shadow(14px 14px 23px #53000029);color:var(--white);font-size:27px;font-weight:600;border-top-left-radius:70px;border-bottom-left-radius:40px;border-top-right-radius:40px;border-bottom-right-radius:70px;transition:opacity var(--trans);cursor:pointer}
@media screen and (max-width:1200px){
#recommend-list .recommend-img{display:none}
}
@media screen and (max-width:998px){
h1{font-size:50px}
section.relative{overflow:hidden}
header .container{padding:25px 20px}
header svg{width:44px;height:44px}
header .mobile-menu-trigger{display:flex}
header nav .mobile-menu-trigger{display:none}
header nav{display:none}
#header-state:checked+#header-content nav{min-height:100vh;height:fit-content;padding:50px 30px;display:flex;position:fixed;right:0;top:0;bottom:0;z-index:100;background-color:#ffffffa8;backdrop-filter:blur(10px);box-shadow:-20px 0 20px 0 #9f9f9f40}
#header-state:checked+#header-content #header-menu{padding-top:40px;flex-direction:column;align-items:flex-start;justify-content:flex-start}
#header-state:checked+#header-content ul a{padding:10px}
#header-state:checked+#header-content nav .mobile-menu-trigger{display:flex;position:absolute;right:20px;top:28px}
#header-content div{align-items:unset}
#recommend h2{font-size:40px}
#recommend-back-circle{bottom:-150px}
footer{padding:20px 0 40px}
footer #columns-block{grid-template-columns:1fr}
#footer-menu li a{padding:3px 0}
#buy-block{width:60%}
.custom-btn{height:50px;padding:0 20px;font-size:22px}
.popup-window{max-width:calc(100% - 40px)}
.popup-wrapper .popup-title{font-size:22px}
.popup-wrapper .popup-subtitle{font-size:20px}
.popup-wrapper .form-item label{font-size:14px}
.popup-wrapper .btn{font-size:12px}
#header-content #profile a{width:44px;height:44px}
}
@media screen and (max-width:768px){
h1{font-size:24px}
h2{font-size:20px}
#header-logo img{width:60%}
footer{flex-direction:column-reverse;align-items:start;font-size:14px}
footer #columns-block{row-gap:10px}
#footer-menu li a{font-size:14px}
#about-footer{min-width:unset;flex-direction:column}
#footer-menu{columns:2}
#footer-menu .line-menu a{margin:0;padding:10px 0;display:flex}
#recommend h2{margin-bottom:20px;font-size:30px}
#recommend-list{grid-template-columns:1fr}
#footer-menu li{margin-bottom:0}
#notice-block{width:80%;top:20px}
#notice-block .notice{font-size:14px}
}
@media screen and (max-width:500px){
#buy-block{width:100%}
#footer-menu{columns:1}
}
/* End */
/* /local/templates/.default/components/bitrix/menu/header-menu-v2/style.css?1766464189556 */
/* /local/templates/agames/template_styles.css?176655510715896 */
