a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial;text-decoration:none}
@font-face{font-family:'Jura';src:url('/tmp/default/style/fonts/Jura.ttf') format('truetype')}
@font-face{font-family:'Parsen';src:url('/tmp/default/style/fonts/Parsen.ttf') format('truetype')}
@font-face{font-family:'Orbit';src:url('/tmp/default/style/fonts/Orbit.ttf') format('truetype')}
@font-face{font-family:'Cuber';src:url('/tmp/default/style/fonts/cuber.ttf') format('truetype')}
@font-face{font-family:'Zen';src:url('/tmp/default/style/fonts/Zen.ttf') format('truetype')}
@font-face{font-family:'ea';src:url('/tmp/default/style/fonts/ea.ttf') format('truetype')}
@font-face{font-family:'jooly';src:url('/tmp/default/style/fonts/jooly.ttf') format('truetype')}
@font-face{font-family:'rocker';src:url('/tmp/default/style/fonts/rocker.ttf') format('truetype')}
@font-face{font-family:'Com';src:url('/tmp/default/style/fonts/com.ttf') format('truetype')}
@font-face{font-family:'pir';src:url('/tmp/default/style/fonts/pir.ttf') format('truetype')}
@font-face{font-family:'agu';src:url('/tmp/default/style/fonts/agu.ttf') format('truetype')}
@font-face{font-family:'osw';src:url('/tmp/default/style/fonts/osw.ttf') format('truetype')}

::-webkit-scrollbar {width: 0;height: 0}
::-webkit-scrollbar-thumb {background-color: #446699}
::-webkit-scrollbar-track {background: none}

[x_font_jura]{font-family:'Jura', sans-serif}
[x_font_orbit]{font-family:'Orbit', sans-serif}
[x_font_osw]{font-family:'osw', sans-serif}
[x_lh_20]{line-height: 20px}

[x_font_b]{font-weight:900}
[x_font_34]{font-size:34px}
[x_font_32]{font-size:32px}
[x_font_30]{font-size:30px}
[x_font_28]{font-size:28px}
[x_font_26]{font-size:26px}
[x_font_24]{font-size:24px}
[x_font_22]{font-size:22px}
[x_font_20]{font-size:20px}
[x_font_18]{font-size:18px}
[x_font_17]{font-size:17px}
[x_font_16]{font-size:16px}
[x_font_14]{font-size:14px}
[x_font_12]{font-size:12px}
[x_font_10]{font-size:10px}

[x_txt_center]{text-align:center}
[x_txt_left]{text-align:left}
[x_txt_right]{text-align:right}
[x_txt_b]{font-weight: 900}

[x_top_0]{top:0}
[x_top_5]{top:5px}
[x_top_10]{top:10px}
[x_top_15]{top:15px}
[x_top_20]{top:20px}
[x_top_25]{top:25px}
[x_top_35]{top:35px}
[x_top_45]{top:45px}
[x_top_50]{top:50px}
[x_top_80]{top:80px}

[x_left_0]{left:0}
[x_left_5]{left:5px}
[x_left_10]{left:10px}
[x_left_15]{left:15px}
[x_left_20]{left:20px}

[x_right_0]{right:0}
[x_right_5]{right:5px}
[x_right_10]{right:10px}

[x_bottom_0]{bottom:0}
[x_bottom_5]{bottom:5px}
[x_bottom_10]{bottom:10px}

[x_shadow]{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}
[x_shadow_x]{box-shadow: 5px 5px 15px -3px rgb(0 0 0 / 25%), 0 4px 6px -2px rgba(0, 0, 0, .05);}

[x_size_50]{width:50px;height: 50px}

[x_wid__20]{width:20%}
[x_wid__40]{width:40%}
[x_wid__90]{width:90%}
[x_wid__95]{width:95%}
[x_wid_20]{min-width:20px}
[x_wid_50]{width:50px}
[x_wid_min50]{min-width:50px}
[x_wid_min60]{min-width:60px}
[x_wid_80]{width:80px}
[x_wid_130]{width:130px}
[x_wid_180]{width:180px}
[x_wid_200]{width:200px}
[x_wid_216]{width: 175px;}
[x_wid_1000]{width:1000px}
[x_wid_800]{width:800px}
[x_wid_max]{width:100%}

[x_hei_50]{height:50px}
[x_hei_80]{height:80px}
[x_hei_20]{height:20px}
[x_hei_100]{height:100px}
[x_hei_200]{height:200px}
[x_hei_255]{height:255px}
[x_hei_300]{height:300px}
[x_hei_320]{height: 260px;}

[x_pad_top_10]{padding-top: 10px}
[x_pad_5]{padding:5px}
[x_pad_7]{padding:7px}
[x_pad_5_0]{padding:5px 0}
[x_pad_0_5]{padding:0 5px}
[x_pad_3_10]{padding:3px 10px}
[x_pad_5_10]{padding:5px 10px}
[x_pad_5_20]{padding:5px 20px}
[x_pad_8_15]{padding:8px 15px}
[x_pad_5_15_8_15] {padding: 5px 15px 8px 15px}
[x_pad_10_15]{padding:10px 15px}
[x_pad_4_15] {padding: 4px 15px 8px 10px}
[x_pad_10]{padding:10px}
[x_pad_10_0]{padding:10px 0}
[x_pad_0_10]{padding:0 10px}
[x_pad_15]{padding:15px}
[x_pad_15_10]{padding:15px 10px}
[x_pad_10_20]{padding:10px 20px}
[x_pad_20]{padding:20px}
[x_pad_20_0]{padding:20px 0}
[x_pad_5_5_5_10]{padding: 5px 5px 5px 10px}
[x_pad_10_10_10_15]{padding: 10px 10px 10px 15px}

[x_mar_left_max]{margin-left:auto}
[x_mar_right_max]{margin-right:auto}
[x_mar_auto]{margin:auto}
[x_mar_top_20]{margin-top:20px}
[x_mar_top_15]{margin-top:15px}
[x_mar_top_10]{margin-top:10px}
[x_mar_bottom_15]{margin-bottom:15px}
[x_mar_bottom_20]{margin-bottom:20px}
[x_mar_20_0]{margin:20px 0}
[x_mar_15_0]{margin:15px 0}
[x_mar_0_10]{margin:0 10px}

[x_bor_0]{border: 0 solid #ffffff}
[x_bor_10_fff]{border: 10px solid #ffffff}
[x_bor_15_fff]{border: 15px solid #ffffff}

[x_color_469]{color:#446699}
[x_color_000]{color:#000000}
[x_color_fff]{color:#ffffff}
[x_color_blee]{color: #446699}

[x_bg_def]{background:#ddeeff}
[x_bg_edf]{background: #ffffff;}
[x_bg_eee]{background:#eeeeee}
[x_bg_fff]{background:#ffffff}
[x_bg_e8e]{background:#e8ecff}
[x_bg_e8f]{background:#e8f4ff}
[x_bg_red]{background:#ff0000}
[x_bg_orange]{background:#ffa600}
[x_bg_blue]{background: #daf3ff}
[x_bg_menu]:hover{background: #f0f1f8}
[x_bg_body]{background: #d4e0ec}
[x_bg_input]{background: #f0f1f8}
[x_bg_blues]{background: #0657a9;color: #ffffff}
[x_bg_blee]{background: #8dc6ff}

[x_bbr_555]{border: 1px solid #cccccc;}

[x_br_ci]{border-radius:50em}
[x_br_5]{border-radius:5px}
[x_br_10]{border-radius:10px}
[x_br_10_0]{border-radius:10px 0}
[x_br_10_10_0_0]{border-radius:10px 10px 0 0}
[x_br_20]{border-radius:20px}
[x_br_25]{border-radius:25px}
[x_br_0_15_0_5]{border-radius: 0 15px 0 5px}
[x_br_20_0]{border-radius: 13px 0px 10px 0px}
[x_br_0_20]{border-radius: 0 13px 0 20px}
[x_bs]{box-sizing:border-box}
[x_block]{display:block}

[x_flex]{display:flex}
[x_flex_ver]{display:flex;flex-direction:column}
[x_flex_hor]{display:flex;flex-direction:row}
[x_flex_fww]{flex-wrap: wrap}
[x_flex_jcc]{justify-content: center}
[x_flex_aic]{align-items: center}
[x_flex_jcs]{justify-content: space-between;}
[x_none]{display: none}

[x_position_sticky]{position:sticky}
[x_position_fixed]{position:fixed}
[x_position_relative]{position:relative}
[x_position_absolute]{position:absolute}

[x_gap_5]{grid-gap:5px}
[x_gap_10]{grid-gap:10px}
[x_gap_15]{grid-gap:15px}
[x_gap_20]{grid-gap:20px}

[z_index_1]{z-index: 1}
[z_index_2]{z-index: 2}
[z_index_3]{z-index: 3}
[z_index_4]{z-index: 4}
[z_index_5]{z-index: 5}
[z_index_200]{z-index: 200}

[x_transition]{transition: 0.4s}
[x_z_100]{z-index: 100}
[x_obj_cov]{object-fit: cover}
[x_cursor]{cursor: default}
[x_over]{overflow: hidden}
[x_nowrap]{text-wrap-mode: nowrap}
[x_inp] {color: #000000;box-shadow: none}
[x_inp]:focus {outline: 0;box-shadow: 3px 3px 10px 0 #c7c7c7}

a{color:black;text-decoration:none;cursor: default}
b{font-weight: 900}
p {line-height: 24px}
body{font-family:sans-serif;color: #000000;font-size: 14px;}
main {box-sizing: border-box;max-width: 520px;margin: auto;width: 100%}
content{display:grid;grid-template-columns: 220px 1fr;width: 760px;margin:auto;grid-gap:20px}
img{width:100%;height:100%}
ul{list-style:none}
blockquote {
    border-left: 5px solid #446699;
    padding: 10px;
    background: rgb(121 119 119 / 11%);
}
[img_blackout]:hover .play{border-radius: 20px;display:block;background:#00000069;left:0;right:0;top:0;width:100%;transition:0.3s}
.upbtn:before{content:url(/files/system/icons/arrow_up_light.svg);transform:rotate(45deg);position:relative;display:block;left:60px;top:67px}
.upbtn{z-index:9999;width:200px;height:200px;color:#FFF;position:fixed;bottom:-220px;right:-220px;cursor:pointer;transform:rotate(-45deg);border:3px solid #0657a9;transition:all .7s ease-in-out;background-color:#0657a9}

.err{padding:10px;background:radial-gradient(#ff0000,transparent);text-align:center;color:#ffffff;margin:0 -10px;background:#ff0000}

.fon{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#00000052;z-index:9999;backdrop-filter:blur(10px)}
.win{position:fixed;left:10px;right:10px;border-radius:10px 10px 0 0;transform:translateY(100%);display:flex;box-sizing:border-box;bottom:0;transition:0.7s;max-height:80%;z-index:99999;flex-direction:column;max-width:400px;margin:auto;overflow:auto;backdrop-filter:blur(10px)}

ol,ul{list-style:none;display:flex;flex-direction:column;grid-gap:5px;font-size:15px}
a.link_menu{display:-webkit-flex;display:flex;padding:8px;text-decoration:none;border-radius:10px;color:#374151;-webkit-align-items:center;align-items:center;grid-gap:10px;align-items:center;transition:0.3s}

[x_loader]{width:100%;height:100%;border:3px dotted #446699;border-style:solid solid dotted dotted;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}
[x_ploader]{width:100%;height:100%;border:3px dotted #446699;border-style:solid solid dotted dotted;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 2s linear infinite}
[x_ploader]::after{content:'';box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px dotted #446699;border-style:solid solid dotted;width:30px;height:30px;border-radius:50%;animation:rotationBack 1s linear infinite;transform-origin:center center}
[x_loader_text]{font-size:large;font-weight:900;color:#446699}
[x_flash]{animation:blink 1s linear infinite}


.notification.hidden{opacity:0;z-index:-1;transform:translateY(25px)}
.notification{position:fixed;bottom:10px;right:10px;z-index:200;border-radius:10px;padding:0;transition:.3s all;opacity:1;transform:translateY(0);box-sizing:border-box;left:10px;max-width:600px}
.notification .container{display:flex;align-items:center;justify-content:space-between}
.container{width:100%;margin:0 auto;padding:0;box-sizing:border-box}
.notification-text{max-width:70%;padding:10px 20px}
.notification-btn{padding:10px 15px;border:none;border-radius:10px;cursor:default;font-size:20px;margin-left:auto;margin-right:8px;line-height:1}

.speed{position:relative;top:0;padding:0 10px;display:flex;grid-gap:5px;transition:.5s;border-radius:6px;margin:0 -10px;padding:0 10px 15px 10px}
.speed_link{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:5px;z-index:1;transition:0.5s}
.speed_link a{padding:5px 10px;background:#ffffff;border-radius:5px}
.sp_act{position:sticky;top:60px;z-index:2;padding:10px;border-radius:0 0 10px 10px;background:#d2deed}



.preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:5;display:flex;align-items:center;justify-content:center;background:#ffffffd4;transition:all 0.5s;opacity:1;backdrop-filter:blur(10px);flex-direction:column;grid-gap:10px}
.preloader-remove{opacity:0;z-index:-10}


@keyframes rotation{0%{transform:rotate(0deg) }
 100%{transform:rotate(360deg) }
}
@keyframes loader-animation{0%{transform:rotate(0deg) }
 100%{transform:rotate(360deg) }
}
@keyframes loader-spin{to{transform:rotate(360deg) }
}
@keyframes preloader-5-spin{0%{transform:rotate(0deg) }
 100%{transform:rotate(360deg) }
}
@keyframes blink{0%,80%,100%{opacity:0 }
 40%{opacity:1 }
}
@keyframes show{from{opacity:0 }
 to{opacity:1 }
}
@keyframes rotation{0%{transform:rotate(0deg) }
 100%{transform:rotate(360deg) }
}
@keyframes rotationBack{0%{transform:rotate(0deg) }
 100%{transform:rotate(-360deg) }
}




@media only screen and (max-width:1025px){
    [x_wid_216] {width: 160px}
    [x_hei_320] {height: 245px;width: 155px;}
    [x_wid_1000] {width: 100%}
}

@media only screen and (max-width: 768px) {
    content{width: 94%}
    [x_font_30] {font-size: 24px}
    [x_wid__40] {width: 40%}
}

@media only screen and (max-width: 680px) {
    content{display:grid;grid-template-columns: 1fr;width: 94%}
    menu{display:none }
    [x_font_30] {font-size: 24px}
    [x_wid__40] {width: 40%}
}

@media only screen and (max-width: 425px) {
    [x_font_30] {font-size: 22px}
    [x_wid__40] {width: 40%}
    [x_hei_255]{height:250px}
}

@media only screen and (max-width: 590px) {
    [x_font_30] {font-size: 22px}
    [x_wid__40] {width: 40%}
}

@media only screen and (max-width: 375px) {
    [x_hei_320] {height: 200px;width: 130px;}
    [x_wid_216] {width: 125px}
    [x_font_30] {font-size: 20px}
}