body { padding: 0px;  margin: 0px; }
.body {display: flex;height: 100%;flex-direction: column;justify-content: space-between;}
body { animation: show 1s;}@keyframes show {from {opacity: 0;} to {opacity: 1;}}
@font-face{ font-family: Bebas Neue; src: url(//dwweb.ru/_data/font/bebas_neue_light.ttf); }
@font-face{ font-family: montserrat; src: url(//dwweb.ru/_data/font/montserrat_variablefont_wght.ttf); }
@font-face{ font-family: Oswald; src: url(https://dwweb.ru/_data/font/Oswaldregular.ttf); }
 
.numbers p { text-indent: unset !important;}
/*-data-title */
[data-title]:after {content: attr(data-title);display: none;position: absolute;margin: 27px 0 0 0;border: 1px solid #7d7d7d;padding: 7px 13px;background-color: #828282;color: #ffffff;text-align: center;box-shadow: 0 1px 1px rgb(0 0 0 / 16%);font-size: 12px;-webkit-box-shadow: 4px 4px 39px -8px rgb(34 60 80 / 34%);-moz-box-shadow: 4px 4px 39px -8px rgba(34, 60, 80, 0.34);box-shadow: 4px 4px 39px -8px rgb(34 60 80 / 34%);}
[data-title]:hover:after{text-indent: 0px;display: inline-block;  animation: shows 1s; z-index: 1;}
@keyframes shows {from {opacity: 0;}to {opacity: 1;}}
[data-title] {cursor: pointer; white-space: nowrap;}
div#main_text p a[data-title]:after {text-align: center !important;text-indent: 0px !important;}
/*-------------- data-title */
@media only screen and (min-device-width: 1340px) and (max-device-width: 10000px){line, .up { width: 1340px; }}
@media only screen and (min-device-width: 0px) and (max-device-width: 1340px){line, .up{ width: 100%; }.ablock{display: none;}}
 
@media only screen  and (max-device-width: 600px){ 
span#innerhtml_glaz , .d_table svg , right#echo_show_to_whom { display: none; }
.tdshow span { display: block; }
.td.img { width: 65px; }
img.td_ava {width: 40px; height: 40px;}
 
main img { margin: unset !important;}
form#form_ex_ { width: 100% !important; padding: 20px 5px !important; } 

ol.count_levels li:before { display: block;border-bottom: 1px solid #ebebeb;padding-bottom: 5px;margin: 0 0 5px 30px;}
ol.count_levels {  border: unset !important;  padding: unset !important; }
.count_levels a {display: inline-block;}.count_levels li a::first-letter {text-transform: uppercase;}
.page_panel , .page_panel span {display: block !important; height:unset !important; }
}


@media only screen and (min-device-width: 1051px) and (max-device-width: 10000px)
{

    img.new_year_head {
        position: absolute;
        margin: -20px 0 0 -11px;
    }


    body { font-family: montserrat; margin: 0px; font-weight: 300; line-height: 20px;}a.no_border { border: none !important; }h1, h2, h3, h4, l{word-wrap:break-word; font-family: montserrat; border-bottom: 1px solid #c3c3c3; padding: 0 0 10px 0; margin: 20px 0 20px 0; position: relative; font-weight: 300; line-height: 30px;}h1::before, h2::before { background-color: #000000; border-radius: 500px; bottom: -5px; content: ""; height: 10px; left: 0; position: absolute; width: 10px;}h1::after, h2::after { border-bottom: 2px solid #000000; bottom: -1px; content: ""; height: 0; left: 0; position: absolute; width: 50%;}block { display: table-cell; width: 250px; padding: 10px; vertical-align: top; font-family: montserrat;}line { display: table; margin: 10px auto auto;}futer, main { width: 750px; padding: 10px 30px; margin: auto; display: block;} 
    .img_flag{width: 50px;position: absolute;left: 0px;bottom: 0px;}
    
    #open_left_block,#close_left_block{display: none;}

    .numbers { padding: 1px 0 1px 40px; }

    div.numbers { counter-reset: num_1; }
    div.numbers > p
    {counter-increment: num_1; margin-bottom: unset; margin-top: unset; font-size: var(--main-font-size); line-height: 26px;
    }
    div.numbers > p::before { content: counter(num_1); color: #f00; text-align: center; border-right: 1px solid #ff0000; padding-right: 12px; width: 14px; margin: 7px 10px 0 -39px; display: inline-block; font-size: var(--font-size-16);
    }
    


    div.kod_black { 
        counter-reset: num_1;
        background: black;
        color: aliceblue;
        padding: 15px 10px;
        margin: 20px 0;
    } 
    div.kod_black > p
    {counter-increment: num_1; margin-bottom: unset; margin-top: unset; font-size: var(--main-font-size); line-height: 26px;text-indent: unset !important;
    }
    div.kod_black > p::before {content: counter(num_1);
        color: #fff;
        text-align: center;
        border-right: 1px solid #ffffff;
        padding-right: 12px;
        width: 14px;
        margin: 2px 10px 2px 10px;
        display: inline-block;
        font-size: var(--font-size-16);
    }
    



    /* 2-й уровень */
    div.numbers div.numbers {counter-reset: num_2;}
    div.numbers div.numbers > p {counter-increment: num_2;}
    div.numbers div.numbers > p::before { content: counter(num_1) '.' counter(num_2); margin: 6px 9px 0 -62px; color: #ff0000; border-right: 1px solid #bb00a2; padding-right: 30px; letter-spacing: 2px;}/* 3-й уровень */div.numbers div.numbers div.numbers {counter-reset: num_3;}div.numbers div.numbers div.numbers > p {counter-increment: num_3;}div.numbers div.numbers div.numbers > p::before { content: counter(num_1) '.' counter(num_2) '.' counter(num_3); margin: 6px 11px 0 -70px; color: #bb00a2; border-right: 1px solid #bb00a2; padding-right: 46px; letter-spacing: 2px;}main a, a.a, .tema a, a.standart { color: var(--a-color); font-family: var(--main-font); text-decoration: none; border-bottom: 1px solid #b3b3b3; transition: 0.5s; padding-bottom: 1px;}main a:hover, a.a:hover, .tema a:hover , a.standart:hover {border-bottom: 1px solid #ff000000;}l { display: block; }img.original {display: block;margin: 15px auto;border: 1px solid #e3e3e3;}a.magazin {display: block;color: #fff !important;text-decoration: none !important;user-select: none;background: rgb(212,75,56);padding: .7em 1.5em;outline: none;text-align: center;text-transform: uppercase;margin: 10px 0; transition: 0.5s;}a.magazin:hover { background: rgb(232,95,76); }a.magazin:active { background: rgb(152,15,0); }brd { width: 100%; display: block; margin: 10px 0 10px; border-bottom: 1px solid #eaeaea;} .tema a:first-letter { text-transform: uppercase; }.tema a { display: inline-block; letter-spacing: 1px;}.tema { line-height: 28px; }div#new_array { padding: 0 0 10px 0; cursor: pointer; margin: 13px; border-bottom: 1px solid #cacaca;}.width_100, .width_96_2pro { width: 100%; padding: 10px; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}h2 strong { font-weight: 300; } strong {font-weight: 500;} logo { display: inline-block; margin: 16px; font-size: 42px; } div#logo { display: flex; justify-content: flex-start; flex-direction: column; width: 260px; } span.logo { margin: 0 0 0 19px; } span.clp { margin: 0 6px 0 22px; } main iframe {max-width: 100%; min-width: 100%; height: 450px; } .kod_2 { background: #f9f9f99c; padding: 40px; margin: 15px 0; border: 3px solid #e5e5e585; font-family: monospace; -webkit-box-shadow: 4px -2px 31px -2px rgba(34, 60, 80, 0.16); -moz-box-shadow: 4px -2px 31px -2px rgba(34, 60, 80, 0.16); box-shadow: 4px -2px 31px -2px rgba(34, 60, 80, 0.16); } p a.dw_smail{z-index: 1;text-indent:0px !important; }a.dw_smail { text-decoration: unset; border: 1px solid #d6d6d6; padding: 10px; -webkit-box-shadow: 4px 4px 33px 2px rgba(34, 60, 80, 0.2); -moz-box-shadow: 4px 4px 33px 2px rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 33px 2px rgba(34, 60, 80, 0.2); width: 85px; position: absolute; text-align: center; text-indent: unset; margin: 30px 0 0 -100px; background: white; display: none;}p:hover > a.dw_smail { display: inline-block;}div .sort { text-align: right; }.spisok {font-size: 12px; } 

 
}

@media only screen and (max-device-width: 1050px)
{ 
    iframe { width: 100%; height: auto; }.zero , block.right , .page_panel svg{ display: none !important;}
   
        img.new_year_head { display: none;
    }
   
    #open_left_block{
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 16px;
        cursor: pointer;
        font-size: 30px; z-index: 111;
    }

span.table_cell.table_top {
    display: none;
}
span.table_cell.table_middle.name {
    text-align: center;
}
.img_flag{width: 50px; }

.a_img_flag {
    display: none;
}
.fir span {
    padding-left: 10px;
}
h1#main_h1 {
    font-size: 16px;
    margin-top: 60px;
    text-align: center;
}
    .left_0 {
    left: 0px !important;
    }

    div#close_left_block {
        position: fixed;
        font-size: 45px;
        padding: 10px 0 0 0;
        color: #adadad;
        width: 33px;
        height: 31px;
        z-index: 1111111111111111111111111111111111;
    }

     
block.left {
    direction: rtl; 
    position: fixed;
    left: -300px;
    top: 0px;
    transition: 0.5s ease-in-out;
    padding: 0 20px 20px 20px;
    background: #fefefe;
    border: 1px solid #bbbbbb; width: 250px;
    z-index: 1000;         line-height: 30px;         height: 100%;
    overflow: scroll; 
}     
div#new_array { display: none !important;} 
div#hide_array { display: block;}
div#hide_array div:last-child { margin-bottom: 50px;}
.page_panel {border: none !important;}
l, .tema { direction: ltr; }
 main { margin: 7px;}
/*html, body , line, .up, #search , futer,  input#search_on_site, .first { width: 100% !important; display: block;} */
body { font-family: montserrat; margin: 5px; font-weight: 300; line-height: 20px; word-wrap: break-word;}a.no_border { border: none !important; }h1, h2, h3, h4, l{word-wrap:break-word; font-family: montserrat; border-bottom: 1px solid #c3c3c3; padding: 0 0 10px 0; margin: 20px 0 20px 0; position: relative; font-weight: 300; line-height: 30px;}a { color: var(--a-color); font-family: var(--main-font); text-decoration: none; border-bottom: 1px solid #b3b3b3; transition: 0.5s; padding-bottom: 2px;}a:hover {border-bottom: 1px solid #ff000000;}l { display: block; }a.magazin {display: block;color: #fff !important;text-decoration: none !important;user-select: none;background: rgb(212,75,56);padding: .7em 1.5em;outline: none;text-align: center;text-transform: uppercase;margin: 10px 0; transition: 0.5s;}a.magazin:hover { background: rgb(232,95,76); }a.magazin:active { background: rgb(152,15,0); }brd { width: 100%; display: block; margin: 10px 0 10px; border-bottom: 1px solid #eaeaea;}.width_100, .width_96_2pro { width: 100%; padding: 10px; margin: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}h2 strong { font-weight: 300; }div.numbers { counter-reset: num_1; }.numbers { padding: 1px 0 1px 40px; }div.numbers > p {counter-increment: num_1; margin-bottom: unset; margin-top: unset; font-size: var(--main-font-size); line-height: 26px;}div.numbers > p::before { content: counter(num_1); color: #f00; text-align: center; border-right: 1px solid #ff0000; padding-right: 16px; width: 14px; margin: 7px 10px 0 -39px; font-size: var(--font-size-16);}/* 2-й уровень div.numbers div.numbers {counter-reset: num_2;}div.numbers div.numbers > p {counter-increment: num_2;}div.numbers div.numbers > p::before { content: counter(num_1) '.' counter(num_2); margin: 6px 9px 0 -76px; color: #ff0000; border-right: 1px solid #bb00a2; padding-right: 13px; letter-spacing: 2px;}/* 3-й уровень */div.numbers div.numbers div.numbers {counter-reset: num_3;}div.numbers div.numbers div.numbers > p {counter-increment: num_3;}div.numbers div.numbers div.numbers > p::before { content: counter(num_1) '.' counter(num_2) '.' counter(num_3); margin: 6px 11px 0 -70px; color: #bb00a2; border-right: 1px solid #bb00a2; padding-right: 46px; letter-spacing: 2px;}logo { display: block; width: 100%; font-size: 18vw; text-align: center; font-weight: 100; margin: 80px 0;}span.logo { display: block; width: 100%; text-align: center; font-size: 6.5vw; margin: 60px 0 0 0;}div#technology { width: 100% !important;}.page_panel .p_data, .page_panel .p_author, .page_panel .p_counter, .page_panel .p_tags { padding: 0 2px;}span.p_counter a { margin: 1px 0 !important;}.margin_left_50 { display: inline-block; }div#Mastercard, div#yad, div#paypal, div#qiwi, div#vkpay, div#mts, div#sber, div#webm, div#webmZ { width: 100% !important;} span.p2 { width: 75%; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}  } 
@media only screen and (min-device-width: 801px) and (max-device-width: 1000px){ block.right {display: none;} }
@media only screen and (max-device-width: 1550px){.left_arrow,.right_arrow{display:none;} }
.before_next_page {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.before_next_page div {width: 49%;display: inline-block;}.before_next_page div:nth-child(2) {text-align: right;}
.padding_10_0 {padding: 10px 0;}
html, body {
    height: 100%;
}
 div#is_this {
    position: absolute;
    left: 1000000000000px;
}hr {
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
    border: 0;
    height: 1px;
    margin: 22px 0 22px 0;
}

img.bb_smail:hover ~ a.dw_smail { display: inline-block;}img.bb_smail {border:none;cursor:pointer;    margin: unset; display: inline-block;}
span#speed_download_page { margin: 0 0 19px; display: inline-block;}
red { color: red; }
fio { color: violet;}
blue { color: blue; }
green { color: green; }
redblock {color: aliceblue;background: red;padding: 5px;display: block; margin: 5px;}
redblock {color: aliceblue;background: red;padding: 5px;display: block; margin: 5px;}
greenblock { color: aliceblue; background: green; padding: 5px;display: block; margin: 5px;}
main iframe{max-width: 100%; margin: 20px 0;}

code pre {  line-height: 0px; }
[data-openmore] { cursor: pointer; } [data-display=none] { display: none; }[data-display=block] { display: block;} 
div#share { margin: 20px 0; }
block.blockblue {
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-align: center;
    background: blue;
    color: aliceblue;
    line-height: 16px;
    height: 40px;
    margin: 20px 0;
}
textarea#textarea {
    letter-spacing: 0.8px;
}
b.position_file {
    border: 1px solid red;
    display: none;
    padding: 20px;
    margin: 20px;
}
.reverse_text{ direction: rtl; unicode-bidi: bidi-override;}
a { cursor: pointer; } 
 #div_whoonsite {margin: 24px 0 4px;} 
 .none{display: none;}
 span#pechal {
    font-family: system-ui;
    color: #868686;
    text-align: center;
    cursor: pointer;
}
span#pechal:hover {
    color: #000000;
}
 div#clsv svg {
    width: 17px;
    vertical-align: top;
    PADDING: 0 6px 0 3px;
    fill: #606060;
}.str_hits {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}