@charset "utf-8";

body {
    margin: 0px;
    padding: 0px;
    color: #333;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    background-color: #41b7f5;
    background-repeat: repeat-x;
    background-position: top;
}

.bled {
    width: 80% !important;
}
.title_full h1 {
    font-size: 20px !important;
    color: #fff !important;
    margin: 0 0 0 0 !important;

}

.tx {
    max-width: 700px !important;
}

@media (max-width: 1100px) {
    .tx {
        max-width: 400px !important;
    }

    #templatemo_wrapper {
        width: 98% !important;
        padding: 0 0px;
        margin: 0 auto;
        position: relative;
    }
}


@media (max-width: 1000px) {

    .no-mob {
        display: none !important;
    }

    .tx {
        max-width: 400px !important;
    }


    table tr td {
        padding: 1px !important;
    }

    table {
        font-size: 10px !important;
    }


    #templatemo_wrapper {
        padding: 0 !important;
    }

    .bll1, .bll2, .bll3 {
        padding: 15px !important;
    }

    #templatemo_copyright {

        width: 100% !important;
        padding: 0px !important;
    }


}

@media (max-width: 700px) {

    .tx {
        max-width: 300px !important;
    }


}

.mn_content {
    float: left;
    width: 220px;
    background: #C2E8F9;
    padding: 10px;
    border-left: 1px solid #2F9ED6;
    border-bottom: 1px solid #2F9ED6;
    border-top: 1px solid #2F9ED6;
}

.mn1_content {
    margin-left: 240px;
    background: #f1f1f1;
    padding: 10px;
    border: 1px solid #2F9ED6;
    padding-right: 16px;
}

.down {
    padding-bottom: 10px;
}

.title_full {
    background-color: #2F9ED6;
    padding: 10px;
    box-shadow: 0.2em 0.2em 3px rgba(122, 122, 122, 0.5);
    font-size: 16px;
    color: #fff;

}

#body > table {
    margin: 0px !important;
}

table.block_bots {
    border-collapse: collapse;
    border: none;
    background-color: transparent;
    width: 100%;
}

table.bottom {
    color: #FFF;
    background: transparent;
    border: none;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}

#cssmenu {
    color: #ffffff;
    font-family: Helvetica, Arial, sans-serif;
    width: 205px;
}

#cssmenu ul ul {
    display: none;
}

#cssmenu > ul > li > a {
    background: rgb(54, 170, 231); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(54, 170, 231, 1)), color-stop(100%, rgba(31, 160, 228, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36aae7', endColorstr='#1fa0e4', GradientType=0); /* IE6-9 */
    border-left: 1px solid #1682ba;
    border-right: 1px solid #1682ba;
    border-top: 1px solid #1682ba;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    z-index: 2;
}

#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
    background: rgb(31, 160, 228); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(31, 160, 228, 1) 0%, rgba(25, 146, 209, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(31, 160, 228, 1)), color-stop(100%, rgba(25, 146, 209, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(31, 160, 228, 1) 0%, rgba(25, 146, 209, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(31, 160, 228, 1) 0%, rgba(25, 146, 209, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(31, 160, 228, 1) 0%, rgba(25, 146, 209, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(31, 160, 228, 1) 0%, rgba(25, 146, 209, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1fa0e4', endColorstr='#1992d1', GradientType=0); /* IE6-9 */
    color: #eeeeee;
}

#cssmenu > ul > li.open > a {
    border-bottom: 1px solid #1682ba;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
    border-bottom: 1px solid #1682ba;
}

.header {
    z-index: 9999;
}

.holder {
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.holder:after, .holder:before {
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 20px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 6px;
    z-index: 10;
}

.holder:after {
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    top: 17px;
}

#cssmenu > ul > li > a:hover > span:after,
#cssmenu > ul > li.active > a > span:after,
#cssmenu > ul > li.open > a > span:after {
    border-color: #eeeeee;
}

.holder:before {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 2px;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 2px;
    top: 18px;
}

#cssmenu ul ul li a {
    background: #49505a;
    border-bottom: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #eeeeee;
    cursor: pointer;
    font-size: 13px;
    padding: 10px 20px;
    text-decoration: none;
    z-index: 1;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
    background: none repeat scroll 0 0 #424852;
    color: #ffffff;
}

#cssmenu ul ul li:first-child > a {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#cssmenu ul ul ul li:first-child > a {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}

#cssmenu ul ul ul li a {
    padding-left: 30px;
}

#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0 none;
}

#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
}

#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0 none;
}

#cssmenu ul ul li.has-sub > a:after {
    border-left: 2px solid #eeeeee;
    border-top: 2px solid #eeeeee;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 20px;
    top: 11.5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 5px;
    z-index: 10;
}

#cssmenu ul ul li.active > a:after,
#cssmenu ul ul li.open > a:after,
#cssmenu ul ul li > a:hover:after {
    border-color: #ffffff;
}


.menprof {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    width: 100%;
}

.menprof li {
    display: block;
    padding: 7px;
    background-color: #2F9ED6;
}

.menprof li:hover {
    background-color: #0E4D6D;
}

#showbrowse .fieldset {
    margin: 5px !important;
}


.menprof li a {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}


.bll1 {
    padding: 50px;
    font-size: 25px;
}

.bll2 {
    padding: 50px;
    padding-top: 0px;
}

.bll3 {
    padding: 50px;
}

.w135 {
    padding-bottom: 10px;
}

.box3 {
    position: relative;
    width: 95%;
    margin-left: 8px;
    min-height: 200px;
    height: 100%;
    margin: 0 auto;
    background-color: #F2F2F2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    border-radius: 1% 1% 1% 1% /     1% 1% 1% 1%;
}

.box3:before {
    position: absolute;
    right: 85%;
    top: 9%;
    content: "";
    width: 30%;
    height: 15%;
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1, rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.0));
    background: -ms-linear-gradient(555% 0 180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.0));
    background: -o-linear-gradient(555% 0 180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.0));
    background: linear-gradient(555% 0 180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.0));
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(44px, -10px) skew(0deg) rotate(-45deg);
    -moz-transform: translate(44px, -10px) skew(0deg) rotate(-45deg);
    -ms-transform: translate(44px, -10px) skew(0deg) rotate(-45deg);
    -o-transform: translate(44px, -10px) skew(0deg) rotate(-45deg);
    transform: translate(44px, -10px) skew(0deg) rotate(-45deg);
}

.box3:after {
    position: absolute;
    left: 85%;
    top: 75%;
    content: "";
    width: 30%;
    height: 15%;
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1, rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.0));
    background: -ms-linear-gradient(555% 0 180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.0));
    background: -o-linear-gradient(555% 0 180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.0));
    background: linear-gradient(555% 0 180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.0));
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(-44px, 10px) skew(0deg) rotate(-45deg);
    -moz-transform: translate(-44px, 10px) skew(0deg) rotate(-45deg);
    -ms-transform: translate(-44px, 10px) skew(0deg) rotate(-45deg);
    -o-transform: translate(-44px, 10px) skew(0deg) rotate(-45deg);
    transform: translate(-44px, 10px) skew(0deg) rotate(-45deg);
}


.box4 {
    position: relative;
    width: 100%;
    margin-left: 8px;
    min-height: 180px;
    background: #F2F2F2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    border-radius: 1% 1% 1% 1% /     1% 1% 1% 1%;
}

.box4:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 12px;
    left: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 13px rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate(-3deg) skew(-0deg);
    -moz-transform: rotate(-3deg) skew(-0deg);
    -ms-transform: rotate(-3deg) skew(-0deg);
    -o-transform: rotate(-3deg) skew(-0deg);
    transform: rotate(-3deg) skew(-0deg);
}

.box4:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 12px;
    right: 10px;
    width: 50%;
    height: 20%;
    box-shadow: 0 15px 13px rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate(3deg) skew(0deg);
    -moz-transform: rotate(3deg) skew(0deg);
    -ms-transform: rotate(3deg) skew(0deg);
    -o-transform: rotate(3deg) skew(0deg);
    transform: rotate(3deg) skew(0deg);
}


.spoiler-wrap {
    width: 100% !important;
}


.a_demo_one {
    width: 205px;
    text-align: left;
    background-color: #3bb3e0;
    padding: 10px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    border: solid 1px #186f8f;
    background-image: linear-gradient(bottom, rgb(44, 160, 202) 0%, rgb(62, 184, 229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44, 160, 202) 0%, rgb(62, 184, 229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44, 160, 202) 0%, rgb(62, 184, 229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44, 160, 202) 0%, rgb(62, 184, 229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44, 160, 202) 0%, rgb(62, 184, 229) 100%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(44, 160, 202)),
            color-stop(1, rgb(62, 184, 229))
    );
    -webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
    cursor: pointer;
}

.a_demo_one::before {
    background-color: #ccd0d5;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px;
    left: -8px;
    top: -8px;
    z-index: -1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    border-radius: 5px;
    -webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    -o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
    box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}

.a_demo_one:active {
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 11px;
    top: 1px;
    background-image: linear-gradient(bottom, rgb(62, 184, 229) 0%, rgb(44, 160, 202) 100%);
    background-image: -o-linear-gradient(bottom, rgb(62, 184, 229) 0%, rgb(44, 160, 202) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(62, 184, 229) 0%, rgb(44, 160, 202) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(62, 184, 229) 0%, rgb(44, 160, 202) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(62, 184, 229) 0%, rgb(44, 160, 202) 100%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(62, 184, 229)),
            color-stop(1, rgb(44, 160, 202))
    );
}


.newls2 {
    background: #0E4D6D;
    padding: 5px;
    width: 250px;
    text-align: center;
    margin-bottom: 0px;
    -webkit-animation: animate_bg 3s;
    animation: animate_bg 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.newls2:hover {;
    background: #2F9ED6;
    padding: 5px;
    width: 250px;
    text-align: center;
    margin-bottom: 0px;
}

.newls {
    position: absolute;
    top: 109px;
    right: 10px;
}


.animate1 {
    height: 200px;
    width: 400px;
    border: 1px solid #000;

}

@keyframes animate_bg {
    0% {
        background: red;
    }
    50% {
        background: #0E4D6D;
    }
    100% {
        background: red;
    }
}

@keyframes animate_bg {
    0% {
        background: red;
    }
    50% {
        background: #0E4D6D;
    }
    100% {
        background: red;
    }
}

@-webkit-keyframes animate_bg {
    0% {
        background: red;
    }
    50% {
        background: #0E4D6D;
    }
    100% {
        background: red;
    }
}


#block-links2 img {
    cursor: pointer;
}

.bbeditor {
    padding-bottom: 10px;
}

.bled {
    color: #4D4B4B;
    border: 1px solid #999999;
    border-radius: 2px 2x;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    box-shadow: 2px 2px 3px #999;
    -webkit-box-shadow: 2px 2px 3px #999;
    -moz-box-shadow: 2px 2px 3px #999;
    padding: 20px;
    background: linear-gradient(to top, #ccc, #eee);
    width: 520px;
}

.editorbutton1 {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #000;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ddd inset, 0 1px 1px #fff;
}

.editorinput {
    background: #FAFAFA;
    color: #000000;
    padding: 2px;
    border: 1px #0037d54f solid;
    font-size: 11px;
    font-family: Verdana, Helvetica;
    text-decoration: none;
    border-radius: 5px;
}

.bb2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.editorbutton img {
    margin-top: 3px;
}

.editorbutton {
    position: relative;
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #000;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ddd inset, 0 1px 1px #fff;
}

.editorbutton1 select {
    margin-top: 3px;
}

.editorbutton:hover {
    background: #dcdcdc linear-gradient(#fff, #dcdcdc);
    box-shadow: 0 0 0 1px #aaa inset, 0 1px 1px #aaa;
    cursor: pointer;
}

.editorbutton:active {
    background: none;
    box-shadow: 0 0 0 1px #bbb inset, 0 1px 3px rgba(0, 0, 0, .5) inset, 0 1px 2px #fff;
}


.bgcolor4 {
    border: dotted #666 1px;
    border-left: solid #2F9ED6 5px;
    padding: 5px;
    color: #333;
    font-style: italic;
    font-size: 14px;
    background: #fcfcfc;
}

.titll {
    background: #78BADB;
}

.admml {
    background: #f1f1f1;
    border: 1px dotted #4D4D4D;
}

.admml input {
    width: 100%;
    text-align: left;
    border: 0px;
    background: none;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
    padding-left: 7px;
}

.delotv {
    padding: 0px;
    background: #2F9ED6;
}

.ed {
    padding: 3px;
    background: #2F9ED6;
    padding: 0px;
}

.ed:hover {
    padding: 3px;
    background: #0E6793;
    padding: 0px;
}

.podc {
    float: left;
    width: 25%;
    height: 400px;
}

.mennu {
    width: 200px;
}

.tx {
    padding: 10px;
    overflow-wrap: break-word; /* не поддерживает IE, Firefox; является копией word-wrap */
    word-wrap: normal;
    word-break: keep-all; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
    line-break: normal; /* нет поддержки для русского языка */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; /* значение auto не поддерживается Chrome */
    width: 96%;
}

.comments_bg {
    background-color: #2F9ED6;
    padding: 5px;
    padding-left: 15px;
    color: #fff;
    margin: 0px;
}

.cmet_bx {
    margin-bottom: 15px;
    border-top: 2px solid #2F9ED6;
    border-left: 1px solid #2F9ED6;
    border-right: 1px solid #2F9ED6;
    border-bottom: 1px solid #2F9ED6;
}

.bg {
    background-color: #C2E8F9;
}

.cat_img_r {
    float: right;
}

.bx1 {
    border: 2px solid #2F9ED6;
    padding: 5px;
}

.bx16_0 {
    border: 2px solid #2F9ED6;
    padding: 5px;
}

.cmet_ava {
    float: left;
    border-right: 2px solid #2F9ED6;
    border-bottom: 2px solid #2F9ED6;
}

.cmet_sbx {
    min-height: 150px;
    padding-left: 100px;
}

.highslide img {
    border: 4px solid #ccc;
}

.mn1_menu {
    float: left;
    width: 170px;
}

.men {
    padding: 0px;
    margin: 0px;
    width: 200px;
}

.men li {
    list-style-type: none;
}

.p200 {
    border: 0;
    display: block;
    width: 200px;
}

.p100 {
    border: 0;
    display: block;
    width: 100px;
}

.p90x32 {
    border: 0;
    display: block;
    width: 90px;
    height: 32px;
}

.p90x32n {
    border: 0;
    width: 90px;
    height: 32px;
}

.p100x150 {
    border: 0;
    display: block;
    width: 100px;
    height: 150px;
}

.p100x150n {
    border: 0;
    width: 100px;
    height: 150px;
}

.p126x176 {
    border: 0;
    width: 126px;
    height: 176px;
}

.p85x120 {
    border: 0;
    width: 85px;
    height: 120px;
}

.p88x31 {
    border: 0;
    display: block;
    width: 88px;
    height: 31px;
}

.nw, td.nw {
    white-space: nowrap;
}

.w15 {
    width: 15px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 150px;
}

.w190 {
    width: 190px;
}

.w135 {
    width: 135px;
}

.w200 {
    width: 200px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w25p {
    width: 25%;
}

.w40p {
    width: 40%;
}

.w50p {
    width: 50%;
}

.w60p {
    width: 60%;
}

.w100p {
    width: 100%;
}

.w90p {
    width: 90%;
}

.w95p {
    width: 95%;
}

.w99p {
    width: 99%;
}

.w98p {
    width: 98%;
}

.w50pfloatleft {
    width: 50%;
    float: left;
}


/* Spoiler hack */

.spoiler-head {
    font-size: 10pt;
    padding: 1px 14px 3px;
    margin-left: 6px;
    line-height: 20px;
}

.spoiler-body {
    padding: 1px 6px 2px;
    display: none;
    border-top: 1px solid #C3CBD1;
    background: #F5F5F5;
    border-bottom: 1px solid #C3CBD1;
}

.spoiler-wrap {
    width: 95%;
    margin: 6px auto;
    background: #E9E9E6;
    border: solid #C3CBD1;
    border-width: 1px 1px 1px 2px;
    display: flow-root;
}

.clickable {
    cursor: pointer;
}

.folded {
    background: transparent url(/pic/plus.gif) no-repeat left center;
    padding-left: 14px;
}

.unfolded {
    background: transparent url(/pic/minus.gif) no-repeat left center;
    padding-left: 14px;
}

.alink.selected {
background-color: #2F9ED6;
/*background-color: #0D6591;*/
color: white;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 5px;
}
#tags {
width: 100%;
}
.linked-image {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/*.bx16_0 .linked-image {width: 100%;}*/

.resized-linked-image {
    margin: 1px 0px 0px 0px;
    padding: 0px;
    background-color: #000;
    border: 0px;
    color: #FFF;
    font-size: 10px;
    width: auto;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
}

.resized-linked-image-zoom {
    width: 200px;
    height: 30px;
    background-color: #FFF;
    padding-top: 6px;
    padding-left: 5px;
    top: 0px;
    left: 0px;
    position: absolute;
    display: none;
}

#highlighted {
    background-color: #FAFAFA;
}

#highlighted tr:hover {
    background-color: #F5FBE1;
}

#tooltip {
    background: #ffffff;
    font-size: 10pt;
    text-align: center;
    width: auto;
    border: 1px solid #778899;
    border-left: 5px solid #ff9f00;
    color: #333333;
    font-family: verdana, arial, helvetica, sans-serif;
    opacity: 0.91;
    filter: alpha(opacity="91");
    line-height: 15px;
    z-index: 100;
    margin: 0px;
    padding: 5px;
    position: absolute;
    border-collapse: separate
}

.error {
    color: #990000;
    background-color: #FFF0F0;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px dashed #990000;
}

.error b {
    color: #990000;
    background: inherit;
}
.error, .success{ border-radius: 7px }
.success {
    color: #000000;
    background: #F5FBE1;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px dashed #7BA813;
}

.success b {
    color: #7BA813;
    background: inherit;
}

.editor {
    /*margin: 0px 0px 1px 0px;
	width: 400px;
	height: 21px;
	border: 1px #D1D8EC solid;*/
}


code {
    background: none;
    color: #0000FF;
    font-size: 11px;
    font-family: Verdana, Helvetica;
}

.code {
    color: #0000BB;
    font-size: 11px;
    font-family: Verdana, Helvetica;
}

a.copyright:link, a.copyright:visited, a.copyright:active {
    text-decoration: none;
    color: #FFFFFF;
    border-top: dashed 1px #5087AD;
    padding: 0px;
}

.sample {
    padding-top: 15px;
    padding-bottom: 0px;
}


.floatright {
    float: right;
}

.lis {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.lis li {
    padding-top: 3px;
}

.zagt {
    margin-top: 10px;
    background-color: #2F9ED6;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
}

.pozv {
    padding-top: 0px;
    padding-bottom: 10px;
}

.vern {
    width: 220px;
    color: #fff; /* цвет текста */
    text-decoration: none; /* убирать подчёркивание у ссылок */
    user-select: none; /* убирать выделение текста */
    background: #0E5D84; /* фон кнопки */
    padding-top: 10px; /* отступ от текста */
    padding-bottom: 10px;
    outline: none; /* убирать контур в Mozilla */
    border: 0px;
}

.vern:hover {
    background: #0E4D6D;
    cursor: pointer;
}

/* при наведении курсора мышки */
.vern:active {
    background: #0E4D6D;
}

/* при нажатии */


a.button14 {
    display: inline-block;
    text-shadow: 1px 1px #fff;
    text-decoration: none;
    padding: .3em 1em;
    border: 1px solid #aaa;
    border-radius: 100px;
    outline: none;
    background: #d6dbbf no-repeat;
    background-image: linear-gradient(to left, #aaa, #aaa),
    linear-gradient(to left, #feffe8, #feffe8),
    linear-gradient(#feffe8, #d6dbbf);
    background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
    background-size: 1px 100%, 1px 100%, auto auto;
    overflow: hidden;
}

a.button14:after {
    content: "\bb";
    position: relative;
    bottom: 0;
    display: inline-block;
    margin-left: 1.4em;
    vertical-align: middle;
    font-family: "Times", "Times New Roman", "serif", "sans-serif", "EmojiSymbols";
    font-weight: 700;
    font-size: 140%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

a.button14:hover {
    background-color: #fdfd9f;
    background-image: linear-gradient(to left, #aaa, #aaa),
    linear-gradient(to left, #feffe8, #feffe8),
    linear-gradient(#fffce7, #fdfd9f);
}

a.button14:active:after {
    bottom: -1.2em;
    transition: .3s;
}


.message {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
}

.message td, th {
    border: 1px solid #C2C2FF;
    padding: 3px 7px 2px 7px;
}

.message th {
    text-align: left;
    padding: 5px;
    background-color: #9999FF;
    color: #fff;
}

.message tr:hover {
    background-color: #E0E0FF;
}

table {
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    background: #eaebec;
    margin: 0px;
    border: #ccc 1px solid;
    border-collapse: separate;
    width: 100%;
}

.block_bots {
    /*text-shadow: 1px 1px 0px #fff;*/
}

.block_bots td {
    padding-left: 10px !important;
    /*text-align: left;*/
}

table th, table .rowhead {
    font-weight: bold;
    padding: 10px 14px 12px 10px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top, #ededed, #ebebeb);
    /*font-size:11pt;*/
}

.sbegins th:first-child {
    text-align: left;
    padding-left: 20px;
}

table tr:first-child td:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

table tr:first-child td:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

table tr {
    /*text-align: center;*/
    padding-left: 10px;
}

table tr td:not(.row2):first-child {
    /*text-align: left;*/
    padding-left: 10px;
    /*padding-left:5px;*/
    border-left: 0;
}

table tr td {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.heading {
    font-weight: bold;
}

.heading, .soheading {
    padding: 10px;
}

table tr:nth-child(even) td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

table tr:last-child td {
    border-bottom: 0;
}

table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

table tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

table .block_bots tr:not(.torcontduo):hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

table a:link {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

table a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

table a:active,
table a:hover {
    color: #bd5a35;
    text-decoration: underline;
}


td.a, td.b {
    padding: 3px !important;
    background: #fafafa;
}

td.a > table, td.b > table {
    padding: 0px !important;
    border: 0 !important;
}


/*table {
	margin-top:20px;
        width: 100%;
        border-collapse: collapse;
      }
      table td, th {
        border: 1px solid #C2C2FF;
        padding: 3px 7px 2px 7px;
      }
      table th {
        text-align: left;
        padding: 5px;
        background-color: #9999FF;
        color: #fff;
      }
     table tr:hover { background-color: #E0E0FF; }*/


.taba {
    width: 100%;
    border-collapse: collapse;
}

.taba td, th {
    border: 1px solid #C2C2FF;
    padding: 3px 7px 2px 7px;
}

.taba th {
    text-align: left;
    padding: 5px;
    background-color: #9999FF;
    color: #fff;
}

.taba tr:hover {
    background-color: #E0E0FF;
}

.tabl table {
    width: 400px;
}

.block_ss_text {
    display: block;
}

.pager a {
    position: relative;
    display: inline-block;
    min-width: 2em;
    width: 100%;
    height: 2em;
    padding: 2px;
    line-height: 2em;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #000;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ddd inset, 0 1px 1px #fff;
}

.pager a:hover {
    background: #dcdcdc linear-gradient(#fff, #dcdcdc);
    box-shadow: 0 0 0 1px #aaa inset, 0 1px 1px #aaa;
}

.pager a:active {
    background: none;
    box-shadow: 0 0 0 1px #bbb inset, 0 1px 3px rgba(0, 0, 0, .5) inset, 0 1px 2px #fff;
}

.highlight b {
    position: relative;
    display: inline-block;
    min-width: 2em;
    width: 100%;
    height: 2em;
    padding: 2px;
    line-height: 2em;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #000;
    outline: none;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #ddd inset, 0 1px 1px #fff;
}


.float-right {
    float: left;
}

.fa {
    font-size: .8em;
    line-height: 8px !important;
}

dropdown {
    display: inline-block;
    /* margin: 20px 50px; */
}

dropdown label, dropdown ul li {
    display: block;
    width: 190px;
    background: #ECF0F1;
    padding-top: 5px;
    padding-left: 15px;
}

dropdown label:hover, dropdown ul li:hover {
    background: #2F9ED6;
    color: white;
    cursor: pointer;
}

dropdown label {
    color: #1ABC9C;
    border-left: 4px solid #1ABC9C;
    border-radius: 0 5px 0 0;
    position: relative;
    z-index: 2;
}

dropdown input {
    display: none;
}

dropdown input ~ ul {
    position: relative;
    visibility: hidden;
    opacity: 0;
    top: -20px;
    z-index: 1;
}

dropdown input:checked + label {
    background: #1ABC9C;
    color: white;
}

dropdown input:checked ~ ul {
    visibility: visible;
    opacity: 1;
    top: 0;
}


.menu:nth-child(1n) {
    border-left: 2px solid #DF0101;
}

.menu:nth-child(2n) {
    border-left: 2px solid #82BB2A;
}

.menu:nth-child(3n) {
    border-left: 2px solid #589fc8;
}

.menu:nth-child(4n) {
    border-left: 2px solid #9A12B3;
}

.menu:nth-child(5n) {
    border-left: 2px solid #088A08;
}

#tabs > span.tab:nth-child(1n):hover, #tfiles > span.tab:nth-child(1n):hover {
    background-color: #82BB2A;
}

#tabs > span.tab:nth-child(1n + 2):hover, #tfiles > span.tab:nth-child(1n + 2):hover {
    background-color: #088A08;
}

#tabs > span.tab:nth-child(1n + 3):hover, #tfiles > span.tab:nth-child(1n + 3):hover {
    background-color: #088A08
}

#tabs > span.tab:nth-child(1n + 4):hover, #tfiles > span.tab:nth-child(1n + 4):hover {
    background-color: #9A12B3
}

#tabs > span.tab:nth-child(1n + 5):hover, #tfiles > span.tab:nth-child(1n + 5):hover {
    background-color: #589fc8;
}

#tabs > span.tab:nth-child(1n + 6):hover, #tfiles > span.tab:nth-child(1n + 6):hover {
    background-color: #94b7ef;
}

#tabs > span.tab:nth-child(1n + 7):hover, #tfiles > span.tab:nth-child(1n + 7):hover {
    background-color: #efc94c;
}

#tabs > span.tab:nth-child(1n + 8):hover, #tfiles > span.tab:nth-child(1n + 8):hover {
    background-color: #7cc8a9;
}

#tabs .tab, #tfiles .tab {
    margin-right: unset !important;
}
#tabs > span.tab:not(.active):hover, #tfiles > span.tab:not(.active):hover {
    background: #7cc8a9 !important;
}
.keyboardLayout {
    position: absolute;
    margin: 1px 0 0 -20px;
    margin-top: 2px;
    width: 17px;
    height: 20px;
    color: #999;
    text-align: right;
}

.animate .red {
    border-left: 2px solid #DF0101;
}

.animate .green {
    border-left: 2px solid #82BB2A;
}

.animate .blue {
    border-left: 2px solid #589fc8;
}

.animate .yel {
    border-left: 2px solid #FE642E;
}

.animate .green1 {
    border-left: 2px solid #088A08;
}

.animate .fiol {
    border-left: 2px solid #9A12B3;
}

.animate .yell {
    border-left: 2px solid #efc94c;
}

.ot-showmenu a:hover {
    text-decoration: none;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

.form-wrapper {
    margin-top: 39px;
    width: 400px;
    padding: 10px;
    background: #444;
    background: rgba(0, 0, 0, .2);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
}

.form-wrapper input {
    width: 270px;
    height: 20px;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
    box-shadow: 0 0 2px rgba(0, 0, 0, .8) inset;
}

.form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 110px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #2F9ED6;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}

.form-wrapper button:hover {
    background: #0D6591;
}

.form-wrapper button:active,
.form-wrapper button:focus {
    background: #c42f2f;
}

.form-wrapper button:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #2F9ED6 transparent;
    top: 12px;
    left: -6px;
}

.form-wrapper button:hover:before {
    border-right-color: #0D6591;
}

.form-wrapper button:focus:before {
    border-right-color: #c42f2f;
}

.form-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.cmn-toggle-switch {
    display: inline-block !important;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 !important;
    width: 17px;
    height: 17px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    background-color: transparent;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    margin-left: 8px;
    vertical-align: baseline;
}

.cmn-toggle-switch span {
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0px;
    height: 2px;
    background: #bcbcbc;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #bcbcbc;
    content: "";
}

.cmn-toggle-switch span::before {
    top: -6px;
}

.cmn-toggle-switch span::after {
    bottom: -6px;
}


.cmn-toggle-switch__htx span {
    -webkit-transition: background 0 0.3s;
    transition: background 0 0.3s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0;
    transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */

.cmn-toggle-switch__htx.active span {
    background: none;
}

.cmn-toggle-switch__htx.active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
    -webkit-transition-delay: 0, 0.3s;
    transition-delay: 0, 0.3s;
}

a, a:link, a:visited {
    color: #2F9ED6;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.news ul li {
    padding-bottom: 5px;
}

p {
    margin: 0px;
    padding: 0;
}

img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #183544;
}

h1 {
    /* font-size: 40px; */
    font-weight: normal;
    text-align: center;
    margin: 0 0 30px 0;
    padding: 5px 0;
}

h2 {
    font-size: 10pt;
    font-weight: normal;
    margin: 0 0 30px 0;
    padding: 0;
}

h2 span {
    font-weight: bold;
}

h3 {
    font-size: 10pt;
    margin: 0 0 15px 0;
    padding: 0;
    color: #000;
    font-weight: normal;
}

h4 {
    font-size: 10pt;
    margin: 0 0 15px 0;
    padding: 0;
}

h5 {
    font-size: 11pt;
    margin: 0 0 10px 0;
    padding: 0;
    color: #333;
}

h6 {
    font-size: 10pt;
    margin: 0 0 5px 0;
    padding: 0;
    color: #333;
}

.cleaner {
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
}

.cleaner_h10 {
    clear: both;
    width: 100%;
    height: 10px;
}

.cleaner_h20 {
    clear: both;
    width: 100%;
    height: 20px;
}

.cleaner_h30 {
    clear: both;
    width: 100%;
    height: 30px;
}

.cleaner_h40 {
    clear: both;
    width: 100%;
    height: 40px;
}

.cleaner_h50 {
    clear: both;
    width: 100%;
    height: 50px;
}

.cleaner_h60 {
    clear: both;
    width: 100%;
    height: 60px;
}

.bl1 {
    margin-bottom: 15px;
}

.main {
    width: 100%;
}

.shadow {
    position: relative;
    left: 10px;
    top: 10px;
    background-color: #b5dbf1;
}

@-moz-document url-prefix() {
    legend span {
        display: block;
        background: #b5dbf1;
        border: 1px solid #0c7eee;
        padding: 2px;
        position: absolute;

        top: -30px;
        left: 0px;
    }
}

.ccontt {
    padding-top: 0px;
    padding-bottom: 15px;
}
.float_l {
    float: left;
}

.float_r {
    float: right;
}

.image_wrapper {
    display: inline-block;
    border: 5px solid #fff;
    background: none;
    margin-bottom: 10px;
}

.image_fl {
    float: left;
    margin: 3px 15px 0 0;
}

.image_fr {
    float: right;
    margin: 3px 0 0 15px;
}

blockquote {
    font-style: italic;
    margin-left: 10px;
}

cite {
    font-weight: bold;
    color: #3b3823;
}

cite span {
    color: #696443;
}

em {
    color: #000;
}

.tmo_list {
    margin: 20px 0 20px 20px;
    padding: 0;
    list-style: none;
}

.tmo_list li {
    background: transparent url(images/templatemo_list.png) no-repeat scroll 0 0px;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    line-height: 0.8em;
}

.tmo_list li a {
    color: #fff;
}

.tmo_list li a:hover {
    color: #ff4301;
}

.btn_more a {
    display: block;
    width: 82px;
    height: 27px;
    color: #666;
    padding: 3px 0 0 0;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    background: url(images/templatemo_button.png) no-repeat;
}

.btn_more a:hover {
    color: #333;
    text-decoration: none;
    background: url(images/templatemo_button_hover.png) no-repeat;
}

#templatemo_wrapper_outer {
    width: 100%;
    margin: 0 auto;
    background: url(images/templatemo_wrapper.jpg) top center no-repeat;
}

#templatemo_wrapper {
    width: 90%;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
}

#templatemo_header {
    /*width: 90%;*/
    height: 130px;
}

#templatemo_header #site_title {
    float: left;
    width: 450px;
    padding-top: 15px;
    padding-left: 0px;
    position: relative;
}

.angel {
    position: absolute;
    top: 0px;
    left: 0px;
}

#templatemo_header #site_title h1 {
    margin: 0;
    padding: 0;
}

#templatemo_header #site_title a {
    margin: 0px;
    padding: 0px;
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 1px #444, 0 0 1em #ccc;
    font-family: Georgia;
}

#templatemo_header #site_title a span {
    display: block;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    margin-left: 5px;
    text-transform: uppercase;
}

#templatemo_header .fr {
    margin: 0px;
    padding-top: 17px;
    padding-left: 5px;
    font-size: 15px;
    color: #0e4d6d;
    font-weight: bold;
    text-decoration: none;
    font-family: Georgia;
}

/* menu */

#templatemo_menu {
    float: right;
    display: inline-block
}

#templatemo_menu ul {
    display: inline-block;
    height: 70px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#templatemo_menu ul li {
    padding: 0;
    margin: 0;
    display: inline-block;
}

#templatemo_menu ul li a {
    float: left;
    display: block;
    height: 20px;
    /*width: 80px;*/
    font-size: 14px;
    padding: 50px 0 0 20px;
    color: #0e4d6d;
    text-decoration: none;
    font-weight: bold;
    outline: none;
    background: url(images/templatemo_menu.png) top left no-repeat;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
    color: #fff;
    background: url(images/templatemo_menu_hover.png) top left no-repeat;
}

/* end of menu */

#templatemo_slider {
    width: 860px;
    height: 260px;
    padding: 30px 40px;
    margin-bottom: 30px;
    background: url(images/templatemo_sp_box.png) no-repeat;
}

#templatemo_content {
    clear: both;
    width: 100%;
    margin-bottom: 30px;
    height: auto !important;
    height: 100%;
    min-height: 600px;
}

#templatemo_content p {
    margin-bottom: 10px;
}

.col_w300 {
    float: left;
    width: 280px;
    padding-right: 20px;
    margin-right: 20px;
}

.col_w600 {
    float: left;
    width: 600px;
    padding-right: 20px;
    margin-right: 20px;
}

.col_w280 {
    width: 280px;
}

.col_w220 {
    float: left;
    width: 200px;
    padding-right: 20px;
    margin-right: 20px;
}

.col_last {
    margin-right: 0;
}

.sb_news_box {
    margin-bottom: 20px;
}

.sb_news_box img {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 15px;
    border: 2px solid #fff;
}

.sb_news_box h6 a {
    font-size: 14px;
    color: #333;
}

.news_box {
    clear: both;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #fff;
}

.news_box h2 {
    color: #183544;
    margin-bottom: 10px;
}

.news_box .news_meta {
    margin-bottom: 10px;
}

.news_box img {
    float: left;
    width: 220px;
    height: 180px;
    margin-right: 30px;
    border: 1px solid #fff;
    padding: 4px;
}

.news_box_last {
    margin: 0;
    padding: 0;
    border: none;
}

.service_box {
    clear: both;
    margin-bottom: 50px;
}

.service_box img {
    float: left;
    width: 48px;
    height: 48px;
}

.service_box .sb_right {
    float: right;
    width: 520px;
}

#contact_form {
    padding: 0;
}

#contact_form form {
    margin: 0px;
    padding: 0px;
}

#contact_form form .input_field {
    width: 270px;
    padding: 5px;
    background: #fff;
    border: 1px solid #dfdfdf;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}

#contact_form form label {
    display: block;
    width: 100px;
    margin-right: 10px;
    font-size: 13px;
}

#contact_form form textarea {
    width: 266px;
    height: 140px;
    padding: 5px;
    background: #fff;
    border: 1px solid #dfdfdf;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}

#contact_form .submit_btn {
    padding: 5px 14px;
    background: #fff;
    border: 1px solid #dfdfdf;
}

/* footer */

#templatemo_footer_wrapper {
    clear: both;
    width: 100%;
}

#templatemo_footer {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
    color: #000;
    background: url(images/templatemo_footer.png) center repeat-y;
}

#templatemo_footer .tmo_list {
    margin-left: 0px;
}

#templatemo_footer .tmo_list li a {
    color: #000;
}

#footer_top {
    width: 100%;
    height: 10px;
    margin: 0 auto;
    background: url(images/templatemo_footer_top.png) left no-repeat;
}

/* social */

#templatemo_footer #social_box {
    clear: both;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

#social_box li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}

#social_box li a {
    width: 24px;
    height: 24px;
    margin: 0 5px 5px 0;
    text-decoration: none;
    border: none;
}

/* end of social */

/* copyright */

#templatemo_copyright {
    clear: both;
    width: 90%;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    color: #ccc;
    background: #0a273a;
    border-top: 1px solid #fff;
}

#templatemo_copyright a {
    color: #fff;
}

/* Content */

#content {
    line-height: 1.5em;
    width: 100%;
    margin-top: 10px;
}

.min img {
    width: 200px;
    margin-right: 20px;
    padding-bottom: 5px;
}

.olf {
    font-size: 12px;
}

#content p {
    margin-bottom: 1.5em;
}

.clear {
    clear: both;
}

#content h2, h4, h5, h6 {
    color: #545454;
    margin-bottom: 1em;
    border-bottom: dashed 1px #dfdfdf;
    padding-bottom: 0.3em;
}

#content h3 {
    color: #545454;
    margin-bottom: 0em;
    border-bottom: dashed 0px #dfdfdf;
    padding-bottom: 0.2em;
}

#content h2 {
    font-size: 1.5em;
    padding: 11px;
    text-align: center;
    background-color: #e8f6fc;
}

#content h3 {
    font-size: 1.1em;
    color: #545454 !important
}

#content blockquote {
    margin-bottom: 1.5em;
    padding: 0.75em 0.75em 0.75em 1.5em;
    border-left: solid 0.75em #005082;
    background: #FDFDFD url('images/a7.gif') top left repeat-x;
}

.td1 {
    width: 70%;
}

.td2 {
    width: 22%;
    text-align: center;
}

.td3 {
    width: 8%;
    text-align: center;
}

.online {
    border: dashed 0px #ccc;
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#content blockquote p {
    margin-bottom: 0em;
}

.block-new-s {
    margin-left: -20px;
    margin-right: -20px;
    border-top: 3px solid #2F9ED6;
    border-left: 1px solid #2F9ED6;
    border-right: 1px solid #2F9ED6;
    border-bottom: 1px solid #2F9ED6;
    background-color: #f1f1f1;
    margin-bottom: 25px;
}

.pri-s {
    margin-top: 8px;
    color: #fff;
    margin-bottom: 25px;
}

.pri-s span, .pri span {
    /*background-color: #2F9ED6;*/
    background-color: #0D6591;
    font-size: 11pt;
}

.pri-s span {
    padding: 6px;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    box-shadow: 0.2em 0.2em 3px rgba(122, 122, 122, 0.5)
}

.title-it a {
    font-size: 18px;
}

.title-it {
    padding-bottom: 10px;
}

.itemm {
    margin-bottom: 0px;
    padding: 10px;
    border-bottom: 1px solid #2F9ED6;
}

.full {
    width: 100%;
    height: 30px;
    background-color: #2F9ED6;
    margin-bottom: 25px;
}

.link {
    padding-right: 10px;
    padding-top: 5px;
}

.full a {
    color: #fff;
}

.block-new {
    border-top: 3px solid #2F9ED6;
    border-left: 1px solid #2F9ED6;
    border-right: 1px solid #2F9ED6;
    border-bottom: 1px solid #2F9ED6;
    background-color: #f1f1f1;
    margin-bottom: 25px;
}

.pri {
    margin-top: 8px;
    color: #fff;
    margin-left: 15px;
    margin-bottom: 25px;
}

.pri span {
    color: white;
    padding: 8px;
    padding-left: 13px;
    padding-right: 15px;
    box-shadow: 0.2em 0.2em 3px rgba(122, 122, 122, 0.5);
}

.pri span > a {
    color: white;;
}

.bottom {
    padding: 0;
}

.itemm table {
    padding-bottom: 20px;
}

/* Primary Content */
.over {
    padding-left: 10px;
}

#primaryContentContainer {
    background-color: #E8F6FC;
    float: right;
    margin: 0em -17em 0em -17em;
    width: 100%;
    height: 100%;
    min-height: 1470px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    0 0 40px rgba(0, 0, 0, .1) inset;
}

.chatmiddle, .chatmiddle > #primaryContent {
    margin: unset !important;
}

.block {
    width: 100%;
    padding: 1em;
    box-shadow: -20px 20px 0 -17px #fff,
    20px -20px 0 -17px #fff,
    20px 20px 0 -20px #33B3F4,
    0 0 0 2px #33B3F4;
    margin-bottom: 15px;
}

#primaryContent {
    margin: 0em 17em 0em 16em;
    padding: 1.5em 1em 1.5em 2em;
}

/* Secondary Content */

#secondaryContent {
    position: relative;
    float: left;
    width: 13em;
    padding: 1.5em 2em 1.5em 1.9em;
    height: 100%;
    background: #C2E8F9 /*url('images/a1.gif') top right repeat-y*/;

    box-shadow: 0.2em 0.2em 2px rgba(122, 122, 122, 0.5);
}

.bird {
    padding-left: 10px;
    padding-right: 10px;
}

#tertiaryContent {
    position: relative;
    float: right;
    width: 13em;
    padding: 1.5em 2em 1.5em 2em;
    box-shadow: -0.2em 0.2em 2px rgba(122, 122, 122, 0.5);
    background: #C2E8F9 /*url('images/a2.gif') top left repeat-y*/;
}

#login_container {
    width: 205px;
}

#form_container {
    width: 205px;
}

.text_input:focus {
    outline: 0;
}

.text_input {
    color: #c1c1c3;
    border: 0;
    margin: 5px 35px 0 4px;
    padding: 0px 0px 0px 10px;
    width: 175px;
    height: 27px;
    background: url('images/text_input.png') top left no-repeat;
}

input.boton1 {
    background: #f1f1f1;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #2F9ED6;
    text-decoration: none;
    display: block;
    width: 90px;
    text-align: center;
    margin: 10px auto;
    padding: 10px 10px;
    transition: all 0.3s;
}

input.boton1:hover {
    box-shadow: 0px -5px 0 #2F9ED6 inset;
    cursor: pointer;
}

.rightm {
    padding-top: 5px;
    padding-right: 0px;
}


#main-menu ul {
    padding: 0px;
    margin: 0px;
}


/* #3 Main menu */
#main-menu {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 14px;
    position: relative;
    z-index: 100;
}

#main-menu > .wrapper {
    background: inherit;
}

#main-menu:not(.isfixed) > .wrapper {
    background: inherit;
    width: 100%;
    max-height: 100%;
    min-width: 100%;
    margin: 0px;
}

#main-menu.isfixed {
    background: inherit;
    width: 100%;
    left: 0px;
    top: 0px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}

.main-menu-parent {
    display: block;
    background: inherit;
}

#main-menu.main-menu-dark .wrapper > .right .menu-icon .content,
#main-menu.main-menu-dark {
    background: #0E4D6D;
    color: #eeeeee;
}

#main-menu li a {
    color: #FFFFFF !important;
}

#main-menu .wrapper > ul > li > a {
    border-bottom: 2px solid transparent;
    padding: 12px 20px 12px 20px !important;
}

#main-menu.main-menu-dark .wrapper > ul > li:not(.has-ot-mega-menu) li:hover > a,
#main-menu.main-menu-dark .wrapper > ul > li:hover > a {
    background: #1389C4;
    color: #fff;
}

#main-menu.main-menu-dark .wrapper > ul > li:not(.has-ot-mega-menu) ul,
#main-menu.main-menu-dark .wrapper > ul > li.has-ot-mega-menu > ul {
    background: #1389C4;
}

#main-menu.main-menu-dark li.has-ot-mega-menu .article-block .item,
#main-menu.main-menu-dark ul li ul li a:after {
    border-bottom: 1px dotted #4D4D4D;
}

#main-menu.main-menu-dark li.has-ot-mega-menu .article-block .item:last-child {
    border-bottom: 0px;
}

#main-menu.main-menu-dark .wrapper > ul > li.has-ot-mega-menu > ul > li {
    border-right: 1px dotted #4D4D4D;
}

#main-menu.main-menu-dark li.has-ot-mega-menu .article-block .item .article-meta .meta-date {
    border-left: 1px dotted #4D4D4D;
}

#main-menu ul {
    display: block;
}

#main-menu ul:after {
    display: block;
    clear: both;
    content: '';
}

#main-menu ul li img {
    width: 100%;
    height: auto;
}

#main-menu ul li {
    display: block;
    float: left;
}

#main-menu ul li > a {
    display: block;
    padding: 23px 15px;
}

#main-menu ul li:hover > a {
    color: #ce0000;
}

#main-menu ul li > a > span {
    display: block;
    padding-right: 12px;
    position: relative;
}

#main-menu ul li li > a > span:after {
    display: block;
    position: absolute;
    content: '\f107';
    font-family: "FontAwesome";
    right: 0px;
    top: 0px;
    font-size: 14px;
    line-height: 11px;
}

#main-menu ul li > a > span .m-d-arrow {
    display: block;
    position: absolute;
    z-index: 2;
    content: '';
    right: 0px;
    top: 4px;
    width: 2px;
    height: 2px;
    background: #fff;
}

#main-menu ul li > a > span .m-d-arrow:before {
    display: block;
    position: absolute;
    content: '';
    left: 200%;
    top: 0px;
    width: 2px;
    height: 2px;
    background: inherit;
}

#main-menu ul li > a > span .m-d-arrow:after {
    display: block;
    position: absolute;
    content: '';
    left: 100%;
    top: 100%;
    width: 2px;
    height: 2px;
    background: inherit;
}

#main-menu li a:hover {
   /*font-weight: bold;*/
}

#main-menu ul ul li:not(.has-ot-mega-menu) > a > span:after {
    content: '\f105';
}

#main-menu .wrapper > ul > li {
    border-right: 1px solid #2f2f31;
}

#main-menu .wrapper > ul > li:not(.has-ot-mega-menu) ul {
    display: none;
    position: absolute;
    z-index: 100;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
    position: absolute;
    background: #fff;
    width: 280px;
}

#main-menu .wrapper > ul > li:not(.has-ot-mega-menu) ul ul {
    margin-left: 280px;
    margin-top: -50px;
}

#main-menu .wrapper > ul li:hover > ul {
    display: block;
}

#main-menu ul ul li:not(.has-ot-mega-menu) {
    display: block;
    float: none;
}

#main-menu ul li.has-ot-mega-menu .widget-menu {
    margin-top: -15px;
    margin-bottom: -15px;
}

#main-menu ul li.has-ot-mega-menu .widget-menu > li > a {
    padding-left: 0px;
    padding-right: 0px;
}

#main-menu ul li.has-ot-mega-menu .widget-menu > li > a i.fa {
    padding-right: 10px;
}

#main-menu ul ul li > a {
    padding: 12px 15px;
    position: relative;
}

#main-menu ul li ul li a:after {
    display: block;
    position: absolute;
    content: '';
    width: 87%;
    left: 7.5%;
    height: 1px;
    bottom: 0px;
    border-bottom: 1px dotted #D3D3D3;
}

#main-menu ul li.has-ot-mega-menu ul li a:after {
    width: 100%;
    left: 0px;
    display: none;
}

#main-menu ul ul li:last-child > a:after {
    display: none;
}

#main-menu ul.cart_list li {
    float: none;
}

#main-menu ul.cart_list li a {
    padding: 0px;
    padding-left: 60px;
}

#main-menu .wrapper > ul > li.ot-showmenu {
    font-family: 'Raleway', sans-serif;
}

#main-menu .wrapper > ul > li.ot-showmenu > a {
    font-size: 21px;
    padding: 12px 27px 12px 27px !important;
    background-color: #0E5D84;
    font-weight: 300;
    color: #bcbcbc;
}

#main-menu .wrapper > ul > li.ot-showmenu > a i.fa {
    padding-left: 14px;
}

#main-menu .wrapper > ul > li.ot-showmenu:hover > a {
    background-color: #0E4D6D;
}

#main-menu.isfixed .wrapper > ul > li.ot-showmenu {
    display: none;
}

.menu {
    padding: 0px;
    margin: 0px;
}

.menu li {
    list-style-type: none;
}

.menu li a {
    background-color: #f1f1f1;
    width: 223px;
    display: block;
    height: 30px;
    line-height: 2.3;
}

.menu li a:hover {
    background-color: #2F9ED6;
    color: #fff;
    text-decoration: none;
    border-left: 10px solid #0E4D6D;
}


.load-responsive {
    padding: 0px;
    margin: 0px;
}

.under-menu {
    display: none;
    background: #0D6591;
    color: #f3f3f3;
}

.under-menu .wrapper {
    display: block;
    background: #0D6591;
}

.under-menu li {
    display: block;
    float: left;
    border-right: 1px solid #36373A;
}

.under-menu ul:after {
    display: block;
    clear: both;
    content: '';
}

.under-menu a {
    display: block;
    color: #fff;
    padding: 12px 27px 12px 27px;
    font-family: 'Roboto Condensed', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 14px;
}

.under-menu li:hover > a {
    background: rgba(255, 255, 255, 0.05);
}

.ed a {
    color: #fff;
}

.delotv a {
    color: #fff;
}

#tabs > span.tab, #tfiles > span.tab {
    /*display: block;*/
    /*padding: 8px 30px;*/
    background: #2F9ED6;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

#tabs > span.tab:hover, #tfiles > span.tab:hover {
    background: #0D6591;
    color: white;
    border-top: unset !important;
}


/* TESLA пачка */

div#ajaxerror {
    background: #FFDDDD url(/pic/error.gif) no-repeat 5px 50%;
    padding: 5px 5px 5px 24px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 10pt;
}

div#ajaxsuccess {
    background: #E7FFCE url(/pic/ok.gif) no-repeat 5px 50%;
    padding: 5px 5px 5px 24px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 10pt;
}

.error2 {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px dotted red;
}

.En_J {
    font-size: 10pt;
    color: #FF00FF;
    font-family: Verdana;
    padding-top: 4px;
}

.E_nJ {
    font-size: 10pt;
    font-family: Verdana;
    width: 70%;
    height: 21px;
    text-align: center;
}

a.catlink:link, a.catlink:visited {
    text-decoration: none;
}

a.catlink:hover {
    border-top: dashed 1px #c3c5c6;
    padding: 0px;
}

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 10pt;
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('pic/loading.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}

.effect {
    FILTER: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
}

.effect2 {
    FILTER: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}

a#prevpromo, a#nextpromo, a#playmain {
    position: absolute;
    z-index: 2;
}

a.prevPromo, a.nextPromo {
    display: block;
    width: 23px;
    height: 26px;
    background: url(/pic/tabs/nav_promo_prev.png) no-repeat;
    float: left;
    margin: 0px;
    cursor: pointer;
}

a.prevPromo:hover, a.nextPromo:hover, a.play:hover, a.pause:hover {
    background-position: 0px -26px;
}

a.nextPromo {
    background-image: url(/pic/tabs/nav_promo_next.png);
    clear: right;
}

a.play, a.pause {
    display: block;
    width: 22px;
    height: 26px;
    background: url(/pic/tabs/nav_promo_play.png) no-repeat;
    float: left;
    margin: 0px;
    cursor: pointer;
    font-size: 1px;
}

a.pause {
    background-image: url(/pic/tabs/nav_promo_pause.png);
}

div#main_scrollable, div#news_scrollable {
    float: left;
}

div#main_scrollable {
    position: relative;
    overflow: hidden;
    width: 918px;
    height: 200px;
}

div#main_scrollable div.items {
    width: 20000em;
    position: absolute;
    clear: both;
}

div#main_scrollable div.items .item {
    float: left;
    width: 918px;
    height: 200px;
}

div#main_scrollable div.image {
    width: 35%;
    float: left;
}

div#main_scrollable div.context {
    width: 520px;
    float: right;
    padding: 1px 20px 5px;
}

div#main_scrollable h2 {
    font-size: 27px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

div#main_scrollable div.text {
    margin-top: 10px;
    line-height: 15px;
}

div#main_scrollable div.detail {
    text-align: right;
    font-weight: bold;
}

div#main_scrollable div.yellow div.context {
    color: #000;
}

div#main_scrollable div.yellow h2 {
    color: #005aab;
}

div#main_scrollable div.white2 h2 {
    color: #005aab;
}

div#main_scrollable div.gray {
    background: #EAEAEA;
}

div#main_scrollable div.gray h2 {
    color: #005aab;
}

div#main_scrollable div.yellow a {
    color: #005aab;
}

a.prevNews, a.nextNews {
    display: block;
    width: 8px;
    height: 232px;
    background: url(/pic/tabs/nav_main_prev.png) no-repeat;
    float: left;
    margin: 0px 1px;
    cursor: pointer;
    font-size: 1px;
}

a.prevNews:hover, a.nextNews:hover {
    background-position: 0px -232px;
}

a.nextNews {
    background-image: url(/pic/tabs/nav_main_next.png);
    clear: right;
}

div#news_scrollable {
    position: relative;
    overflow: hidden;
    width: 680px;
    height: 232px;
    padding: 0;
}

div#news_scrollable div.items {
    width: 20000em;
    position: absolute;
    clear: both;
}

div#news_scrollable div.items .item {
    float: left;
    width: 216px;
    padding: 12px 6px 8px 2px;
    height: 210px;
    margin-right: 1px;
    border: solid 1px #cfcfcf;
    background: #f6f6f6;
}

div#news_scrollable .item img {
    border-left: solid 4px #ffda1a;
    padding: 0px 1px;
}

div#news_scrollable .item .title {
    font-size: 10pt;
    font-weight: bold;
    margin: 0px 10px 16px 12px;
}

div#news_scrollable .item .detail {
    color: #005aab;
    margin: 10px 14px;
}

div#news_scrollable .item .detail a {
    padding: 2px;
    background: #ffd61c;
    color: #000;
    text-decoration: none;
}

a img {
    border: 0;
    text-decoration: none;
    outline: 0;
}

#page-wrap {
    width: 760px;
    padding: 15px;
    background: white;
    margin: 0 auto 50px;
    position: relative;
}

#col1 {
    width: 49%;
    float: left;
    margin: 0 0 20px 0;
}

#col2 {
    width: 49%;
    float: right;
}

pre {
    font: 13px/1.8 Monaco, MonoSpace;
    margin: 0 0 15px 0;
}

.any ul {
    margin: 0 0 25px 25px;
}

.anie ul .anie li {
    font: 15px Georgia, Serif;
    margin: 0 0 8px 0;
}

#dl {
    position: absolute;
    top: 10px;
    right: 0;
    background: black;
    color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px 6px;
}

#dl:hover {
    background: #666;
}

.image {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.image h2 {
    position: absolute;
    top: 220px;
    left: 0;
    width: 100%;
}

.image h2 span {
    color: white;
    font: bold 30px/40px Helvetica, Sans-Serif;
    letter-spacing: -1px;
    background: rgb(0, 0, 0);
    background: rgb(0, 0, 0, 0.7);
    padding: 6px 8px;
}

.image h2 span.spacer {
    padding: 0 2px;
    background: none;
}

#textSlide {
    padding: 10px 30px;
}

#textSlide h3 {
    font: 20px Georgia, Serif;
}

#textSlide h4 {
    text-transform: uppercase;
    font: 15px Georgia, Serif;
    margin: 10px 0;
}

#textSlide ul {
    list-style: disc;
    margin: 0 0 0 25px;
}

#textSlide ul li {
    display: list-item;
}

#quoteSlide {
    padding: 20px;
}

#quoteSlide blockquote {
    font: italic 24px/1.5 Georgia, Serif;
    text-align: center;
    color: #444;
    margin: 0 0 10px 0;
}

#quoteSlide p {
    text-align: center;
}

.anythingSlider {
    width: 760px;
    height: 360px;
    position: relative;
    margin: 0 auto 15px;
}

.anythingSlider .wrapper {
    width: 680px;
    overflow: auto;
    height: 341px;
    margin: 0 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.anythingSlider .wrapper ul {
    width: 9999px;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    border-top: 3px solid #e0a213;
    border-bottom: 3px solid #e0a213;
    margin: 0;
}

.anythingSlider ul li {
    display: block;
    float: left;
    padding: 0;
    height: 317px;
    width: 680px;
    margin: 0;
}

.anythingSlider .arrow {
    display: block;
    height: 200px;
    width: 60px;
    background: url(/pic/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 65px;
    cursor: pointer;
}

.anythingSlider .forward {
    background-position: 0 0;
    right: -20px;
}

.anythingSlider .back {
    background-position: -67px 0;
    left: -20px;
}

a.forward:active {
    background-position: 0 -200px;
}

a.back:active {
    background-position: -67px -200px;
}

#thumbNav {
    position: relative;
    top: 323px;
    text-align: center;
}

#thumbNav a {
    color: black;
    font: 18px;
    Georgia, Serif;
    display: inline-block;
    padding: 2px 8px;
    height: 25px;
    margin: 0 5px 0 0;
    background: #c58b04 url(/pic/cellshade.png) repeat-x;
    text-align: center;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
}

#thumbNav a:hover {
    background-image: none;
}

#thumbNav a.cur {
    background: #e0a213;
}

#start-stop {
    background: red;
    background-image: url(/pic/cellshade.png);
    background-repeat: repeat-x;
    color: white;
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    position: absolute;
    right: 45px;
    top: 323px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

#start-stop.playing {
    background-color: green;
}

#start-stop:hover {
    background-image: none;
}

.anythingSlider .wrapper ul ul {
    position: static;
    margin: 0;
    background: none;
    overflow: visible;
    width: auto;
    border: 0;
}

.anythingSlider .wrapper ul ul li {
    float: none;
    height: auto;
    width: auto;
    background: none;
}

input {
    border: 1px solid #cecece;
}

input:focus {
    color: #3A8AD0;
}

input[type=button]:active,input[type=reset]:active,input[type=submit]:active,.divbutton:active, input:active{-webkit-transform: translateY(1px); transform: translateY(1px);}

fieldset {
    border: 1px solid #c9c9c9;
    padding: 2px 5px;
    padding-bottom: 5px;
    background: #FAFAFA;
    cursor: default;
    -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px
}

fieldset:hover {
    border: 1px solid #FF8705;
    animation: fieldsetmymove 5s infinite;
}

@keyframes fieldsetmymove {
    from {
        border: 1px solid #36AAE7;
    }
    to {
        border: 1px solid #3A8AD0;
    }
}

fieldset:hover legend {
    /*color: white;*/
    text-decoration: underline;
}

legend {
    border-radius: 6px 6px 2px 2px;
    /* background: rgb(54, 170, 231); */
    background: -moz-linear-gradient(top, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(54, 170, 231, 1)), color-stop(100%, rgba(31, 160, 228, 1))); */
    /* background: -webkit-linear-gradient(top, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%); */
    background: -o-linear-gradient(top, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%);
    background: -ms-linear-gradient(top, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%);
    /* background: linear-gradient(to bottom, rgba(54, 170, 231, 1) 0%, rgba(31, 160, 228, 1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36aae7', endColorstr='#1fa0e4', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    /*color: #ffffff;*/
    cursor: pointer;
    padding: 1px 7px;
}

legend a.alink {
    /*color: white;*/
}

.h3_fpersons {
color: white !important;
}

.forums legend {
    padding: unset;
}

small {
    font-size: 9pt;
}
.alink {
    display: inline-block;
    padding: 4px;
    outline: 0;
    color: #2F9ED6;
}

.alink:hover {
    background: #2F9ED6;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    border-radius: 4px;
}

.alink:nth-child(2n):hover {
}

.alink:active {
    text-decoration: underline;
}

/* для блока слева или справа */
.block .alink::after, .bordered .alink::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: white;
    transition: width .3s;
}

.block .alink:hover::after, .bordered .alink:hover::after {
    width: 100%;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    transition: all .2s ease;
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
    border-color: #dddddd;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 10pt;
}

.pagination-sm > li[class="page"] > a:hover {
    box-shadow: 0px -5px 0 #2F9ED6 inset;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 10px 0;
    text-align: center;
    list-style: none;
}

.pager:before,
.pager:after {
    display: table;
    content: " ";
}

.pager:after {
    clear: both;
}

.pager:before,
.pager:after {
    display: table;
    content: " ";
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
    float: right;
}

.pager .previous > a,
.pager .previous > span {
    float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
}

.slider-list li {
    margin: 0 0 18px;
}

.price-slider {
    width: 100%;
}

.price-slider .ui-slider {
    background: none repeat scroll 0 0 #F1F1F1;
    height: 17px;
    position: relative;
}

.price-slider .ui-slider .ui-slider-range {
    background: none repeat scroll 0 0 #BABDBE;
    height: 17px;
    position: absolute;
}

.price-slider .ui-slider .ui-slider-handle {
    background: none repeat scroll 0 0 #0072BC;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    width: 10%;
}

.price-slider .ui-slider .ui-slider-handle span {
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #0072BC;
    height: 0;
    left: 25%;
    position: absolute;
    top: 100%;
    width: 0;
}

#twocolumns {
    border-right: 1px solid #E6E7E9;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: 0 0 0 -1px;
    position: relative;
    width: 100%;
}

#sidebar {
    float: right;
    position: relative;
    width: 100%;
    z-index: 9;
}

.side-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0 -1px 12px;
    padding: 10px;
}

.slider-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display: block;
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 18px;
}

.preview_desc .prv_click {
    opacity: 0;
    font-style: italic;
    transition: opacity 0.7s, box-shadow .3s;
    -webkit-transition: opacity 0.7s, box-shadow .3s;
    -moz--transition: opacity 0.7s, box-shadow .3s;
}

.preview_desc:hover .prv_click {
    opacity: 1;
}

td.a, table.block_bots tr:nth-child(even) > td, .forums.viewforum tr:nth-child(even) > td {
    padding: 4px;
}

td.b, table.block_bots tr:nth-child(odd) > td, .forums.viewforum tr:nth-child(odd) > td {
    padding: 4px;
}

div.headmenu_left {
    overflow: hidden;
    height: 22px;
    width: 100%;
}

div.headmenu_left ul {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: clip;
}

div.headmenu_left ul li {
    overflow: hidden;
    height: 25px;
}

label {
    cursor: pointer;
}

blockquote {
    font-style: italic;
}

blockquote:before {
    color: #bbb;
    content: "\201C";
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.4em;
}

blockquote:after {
    color: #bbb;
    content: "\201D";
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -.45em;
}

blockquote > p:first-child {
    display: inline;
}

@media screen and (max-width: 720px) {
    .submenu {
        display: none;
    }
}


@media screen and (max-width: 720px) {
    #tertiaryContent {
        /*position: absolute;*/
    }
    #primaryContent {
        margin: unset;
        padding: 0.5em 0em 0.1em 0.5em;
    }
    #secondaryContent {
        /*position: absolute;*/
    }

    #tertiaryContent, #secondaryContent {
        /*display: inline;*/
    }

    .form-wrapper {
        margin-top: 0;
    }
}

#cat_lines img.af:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    vertical-align: middle;
    content: " ";
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-left: 5px solid transparent;
}

.colhead, .colhead a {
    color: white !important;
}

.colhead {
    padding: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #0e4d6d !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#0e4d6d), to(#0e4d6d)) !important;
    background: -moz-linear-gradient(top, #0e4d6d, #0e4d6d) !important;
}

.colhead a span, .colhead font {
    color: white !important;
}

.row2 {
    padding: 5px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

table.block_bots tr:nth-child(even) > td:not(.colhead):not(.rowhead) {
    background: #f6f6f6c7;
}

table.block_bots tr:nth-child(odd) > td:not(.colhead):not(.rowhead) {
    background: #fafafa66;
}

/* Animation property */
img.avatars:hover {
    animation: wiggle 2s linear infinite;
    cursor: pointer;
}
#where_my_ponies:hover{
    animation: movingBg 2s linear infinite;
    cursor: pointer;
}

/* Keyframes */
@keyframes wiggle {
    0%, 7% {
        transform: rotateZ(0);
    }
    15% {
        transform: rotateZ(-15deg);
    }
    20% {
        transform: rotateZ(10deg);
    }
    25% {
        transform: rotateZ(-10deg);
    }
    30% {
        transform: rotateZ(6deg);
    }
    35% {
        transform: rotateZ(-4deg);
    }
    40%, 100% {
        transform: rotateZ(0);
    }
}


/* forums v8 */
.forums.viewforum tr:nth-child(even) > td:not([class^="colhead"]) {
    background: #f0f6f9;
}

.forums.viewforum tr:nth-child(odd) > td:not([class^="colhead"]) {
    background: #f0f6f957;
}

/* forums*/

input.by_center {
    text-align: center;
}

table.block_bots tr:hover > td:not(.colhead):not(.divcolhead):not(.rowhead) {
    background: rgb(167 218 255 / 31%);
}

form.no_border {
    padding: 0;
    margin: 0 !important;
}


/* даем статические размеры выпадающему списку, чтобы не растягивал блок выше указанного */
.bl1 select option, .bl1 select {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
}

.btn {
    border: 0;
    cursor: pointer;
    min-width: 80px;
    height: 26px;
    color: #fff;
    background: #075d89b8;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    transition: all 0.3s;
}

.btn:hover {
    color: white;
    box-shadow: 0px -3px 0 #fffff1 inset;
    border: 0;
}

.textbbcode .btn {
    padding: 4px;
    height: unset;
    margin: 4px;
    text-shadow: unset;
}

.textbbcode .btn:hover, .textbbcode .btn:active {
    color: white;
    border: 0;
    box-shadow: 0px -2px 0 #fffff1 inset;
}


#tabs[class^="tab_rounded"] > span.tab, #tfiles[class^="tab_rounded"] > span.tab, #tabs > span.tab, #tfiles > span.tab {
    transition: all 0.3s;
}

#tabs[class^="tab_rounded"] > span.tab:hover, #tfiles[class^="tab_rounded"] > span.tab:hover, #tabs > span.tab:hover, #tfiles > span.tab:hover {
    /*box-shadow: 0px -5px 0 #fffff1 inset;*/
    cursor: pointer;
}


a.menu:link, a.menu:visited {
    font-weight: normal;
}

a.menu:active {
    color: #516A88;
}

a.menu:hover {
    background-color: #83abc5;
    border-top-color: #5b7a90;
    color: #fff;
}

a.menu {
    /* background: #f0f6f9; */
    display: block;
    line-height: 25px;
    border-bottom: 1px solid #cfdae7;
    border-top: 1px solid #fff;
    color: #3b4ec5;
    margin: 0;
    padding: 0 8px
}

#tabs > span.tab, #tfiles > span.tab {
    font-size: 10pt !important;
}

.main > td, .soheading, .heading {
    /*border-top: 1px solid #2F9ED6 !important;*/
}

.torcontduo > td {
    /*border-top: 1px solid #0a61d6 !important;*/
}

.torcont td {
    /*border-top: 1px solid #2F9ED6 !important;*/
}

.heading {
    text-align: right !important;
}

#tabs > span.tab.active, #tfiles > span.tab.active {
    /*border-top: 2px solid #ff0000 !important;*/
}

#tabs #body {
    background: unset !important;
}

/* опросы и его стили */
#poll_container{width:100%;font-family:Verdana, Arial, Helvetica, sans-serif;}
#poll_title{border:none;text-align:center;margin-bottom:10px;font-size:.9em;}
.barmax,.bar{padding-left:2px;padding-right:2px;height:15px;}
.bar{color:#ccc;background-color: #90bad4a1;text-decoration:none;margin:0;}
.barmax{background-color:#2F9ED6;}
/* /опросы и его стили */

td.b p {
    line-height: 27pt;
    margin-bottom: 1em !important;
}

/* где мои пони ? */
@keyframes movingBg {
    20% {
        transform: translate(6%, -8%);
    }
    30% {
        transform: translate(8%, -6%);
    }
    50% {
        transform: translate(-2%, -4%);
    }
    70% {
        transform: translate(-10%, 6%);
    }
    80% {
        transform: translate(-6%, 4%);
    }
    100% {
        transform: translate(0);
    }
}

#Moon {
    width: 20%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: bass 1s linear 0s infinite alternate;
}

@keyframes bass {
    25% {
        transform: translate(-50%, -50%) scale(1.2);
    }
    50% {
        transform: translate(-50%, -50%) scale(0.9);
    }
    75% {
        transform: translate(-50%, -50%) scale(1.4);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.ponies {
    list-style: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

.ponies > li {
    /*position: absolute;*/
}

.ponies > li img {
    transition: transform 1s;
    max-width: 150px;
}

.ponies > li:nth-child(2n) img:hover {
    transform: scale(1.3);
}

.ponies > li:nth-child(2n-1) img:hover {
    transform: rotate(90deg);
}

.ponies > li:nth-child(1) {
    top: random(90) +vh;
    left: random(90) +vw;
    animation: dance 10s linear 0s infinite alternate;
}

.ponies > li:nth-child(1) img {
    width: (random(100) +100) + px;
    height: auto;
}

.ponies > li:nth-child(2) {
    top: random(90) +vh;
    left: random(90) +vw;
    animation: dance 5s linear 0s infinite;
}

.ponies > li:nth-child(2) img {
    width: (random(100) +100) + px;
    height: auto;
}

.ponies > li:nth-child(3) {
    top: random(90) +vh;
    left: random(90) +vw;
    animation: flying1 5s linear 0s infinite;
}

.ponies > li:nth-child(3) img {
    width: (random(100) +100) + px;
    height: auto;
}

.ponies > li:nth-child(4) {
    top: random(90) +vh;
    left: random(90) +vw;
    animation: dance2 2s linear 0s infinite;
}

.ponies > li:nth-child(4) img {
    width: (random(100) +100) + px;
    height: auto;
}

.ponies > li:nth-child(5) {
    top: random(90) +vh;
    left: random(90) +vw;
    animation: flying2 5s linear 0s infinite;
}

.ponies > li:nth-child(5) img {
    width: (random(100) +100) + px;
    height: auto;
}

.ponies > li:nth-child(6) {
    top: random(90) +vh;
    left: random(90) +vw;
    animation: dance 3s linear 0s infinite alternate;
}

.ponies > li:nth-child(7) img {
    width: (random(100) +100) + px;
    height: auto;
}

.ponies > li:nth-child(8) {
    top: random(90) +vh;
    left: random(90) +vw;
    animation: dance 3s linear 0s infinite alternate;
}

.ponies > li:nth-child(9) img {
    width: (random(100) +100) + px;
    height: auto;
}

.ponies > li:nth-child(10) img {
    width: (random(100) +100) + px;
    height: auto;
}

@keyframes flying2 {
    20% {
        transform: translate(-20%, 5%);
    }
    25% {
        transform: translate(-20%, 5%) rotateY(180deg);
    }
    50% {
        transform: translate(0) rotateY(180deg);
    }
    70% {
        transform: translate(20%, 5%) rotateY(180deg);
    }
    75% {
        transform: translate(20%, 5%);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes flying1 {
    25% {
        transform: translate(0, 10%);
    }
    50% {
        transform: translate(-1%, -10%) rotateY(180deg);
    }
    75% {
        transform: translate(1%, 15%) rotateY(180deg);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes dance {
    20% {
        transform: rotateY(180deg);
    }
    25% {
        transform: skewX(10deg) rotateY(180deg);
    }
    30% {
        transform: skewX(-10deg) rotateY(180deg);
    }
    35% {
        transform: rotateY(180deg);
    }
    55% {
    }
    60% {
        transform: skewX(-10deg);
    }
    65% {
        transform: skewX(10deg);
    }
    70% {
        transform: skewX(-10deg);
    }
    75% {
        transform: skewX(10deg);
    }
    85% {
        transform: rotateY(180deg);
    }
    100% {
    }
}

@keyframes dance2 {
    20% {
        transform: rotate(70deg);
    }
    25% {
        transform: rotate(70deg) rotateY(180deg);
    }
    30% {
        transform: rotateY(180deg);
    }
    35% {
        transform: rotate(-40deg) rotateY(180deg);
    }
    55% {
    }
    60% {
        transform: rotate(60deg);
    }
    65% {
        transform: rotate(-40deg);
    }
    70% {
        transform: rotate(30deg);
    }
    75% {
        transform: rotate(-2deg);
    }
    85% {
        transform: rotateY(180deg);
    }
    100% {
    }
}
/* где мои пони ? */






/*<div class="clouds"> <div class="cloudsWrapper cloudImg"></div></div>*/

.cloudsWrapper:before,
.cloudsWrapper:after {
    position: absolute;
    content: "";
    display: block;
    height: 100%;
    min-width: 2560px;
    width: 100%;
    background-size: auto 100%;
    -webkit-animation: clouds linear infinite alternate;
    animation: clouds linear infinite alternate;
}

.clouds {
    /*position: absolute;*/
    width: 100%;
    bottom: 0;
}

.cloudsWrapper {
    position: absolute;
    overflow: hidden;
    top: 0; /* Обновленное значение top */
    height: 150px;
    width: 100%;
}
.cloudsWrapper:after {
    background: url("/images/GaR2ZvO.png") bottom repeat-x;
    -webkit-animation-duration: 210s;
    animation-duration: 210s;
}
.cloudsWrapper:before {
    background: url("/images/zYklUEb.png") bottom repeat-x;
    -webkit-animation-duration: 120s;
    animation-duration: 120s;
}

@keyframes stars {
    0% {
        -webkit-transform: rotate(-14deg);
        transform: rotate(-14deg);
    }
    100% {
        -webkit-transform: rotate(14deg);
        transform: rotate(14deg);
    }
}

@keyframes clouds {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
    }
}

#tooltip a {color: white;}
#tabs > span.tab.active, #tfiles > span.tab.active {
    border-top: 3px solid #df0ed5 !important;
}

.privacy_0 { border-top: 2px dashed #df9e00; } /* Гости / поисковики (по умолчанию) */
.privacy_1 { border-top: 2px dashed #646b66; } /* Авторизованные пользов2тели */
.privacy_2 { border-top: 2px dashed #df0ed5; } /* VIP пользователи */
.privacy_3 { border-top: 2px dashed #89e55e; } /* Администрация */

option.privacy_0 {  } /* Гости / поисковики (по умолчанию) */
option.privacy_1 {  } /* Авторизованные пользов2тели */
option.privacy_2 {  } /* VIP пользователи */
option.privacy_3 {  } /* Администрация */

.rating.imdb img {}
.rating.kinopoisk img {}
.rating { }

.repair_tags .now_working { text-decoration: underline; }
.repair_tags .now_working div { font-weight: bolder; }

.repair_tags li:hover
{
    background: #d58db7;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;

    border-radius: 4px;
}











.wrapper_outer {
    width: 100%;
    bottom: 0;
    height: fit-content;
}

.wrapper_cloudsWrapper:before,
.wrapper_cloudsWrapper:after {
    position: absolute;
    content: "";
    display: block;
    height: 100%;
    min-width: 2560px;
    width: 100%;
    background-size: auto 100%;
    -webkit-animation: vesna_clouds linear infinite alternate;
    animation: vesna_clouds linear infinite alternate;
}
.wrapper_cloudsWrapper {
    position: absolute;
    overflow: hidden;
    top: 0; /* Обновленное значение top */
    height: 150px;
    width: 100%;
}
.wrapper_cloudsWrapper:after {
    background: url("images/templatemo_wrapper.jpg") bottom repeat-x;
    -webkit-animation-duration: 210s;
    animation-duration: 210s;
    height: 150px;
}
.wrapper_cloudsWrapper2:before {
    background: url("images/templatemo_wrapper.jpg") bottom repeat-x;
    -webkit-animation-duration: 120s;
    animation-duration: 120s;
    height: 157px;
}

@keyframes vesna_clouds {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
    }
}



/* кнопки на скачивание торрент или магнет */
.download_urls strong:hover, .download_urls a:hover {
    text-decoration: none !important;
}

.download_urls{
    margin: 4px;
    /*display: flex;*/
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
}

.download_urls:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .6s ease-in-out;
    border-radius: 10px;
}
.download_urls:active {
    color: #000
}
.download_urls:active:after {
    background: transparent;
}
.download_urls:hover:before {
    opacity: 1;
}
.download_urls:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.download_urls.utorrent, .download_urls.utorrent:after {
    color: #fff;
    background: #0d6591;
}
.download_urls.magnet, .download_urls.magnet:after {
    color: #fff;
    background: #ab209fc9;
    /*background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);*/
    /*background-size: 1rem 1rem;*/
}

td.afterhead.download { display: flex; }
.text_afterhead, td.afterhead.download br { display: none; } /* текст который рядом с кнопками */

.download_urls:hover:after {
    border: 2px solid white;
    left: 8px;
    top: 8px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);

}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
/* кнопки на скачивание торрент или магнет */

/* пользовательский блок v 2 */
.block_user ul li:not(.usr) { margin: unset !important; padding: 0; }

/* персоны кино, наведение на карточку */
.catalog-persons ul li:hover, ul.licla li:hover {
    background-color: #0e4d6d; /* Цвет фона при наведении */
    border-radius: 10px;
}

.catalog-persons ul li:hover a, ul.licla li:hover a {
    color: white;
}

/* реакции пользователя */
.reaction_is_first:hover {
    animation: wiggle 2s linear infinite;
}

#tabs > span.tab:not(.active):hover, #tfiles > span.tab:not(.active):hover {
     /*background: unset !important;*/
}

/* цитаты */
fieldset.quote{
    border-radius: 0.45rem;
}

div.editoroutput {
    max-height: 900px;
    margin-top: 0.35rem;
    margin-bottom: .125rem !important;
    padding: 0.6rem 0.4rem 0.6rem 0.6rem;
    background-color: #bdbdbd0f;
    border-radius: 0.45rem;
    position: relative;
    overflow: hidden;
}

div.editoroutput::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    width: 3px;
    background: #0e4d6dba;
}

div.editoroutput:hover::before {
    /*background: #FFA70D;*/
}
hr.style-chat {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #00000000, #0e4d6dba, #00000000);
}

/* конвертируем ссылки в кнопки (визуальная часть) */
div.right_is_btn {
    color: transparent;font-size: 0;
/*  font-size: 11pt; color: #075d89b8;*/
}
.right_is_btn a.tglink {
    color: black; /* или нужный цвет */
    font-size: initial; /* вернёт стандартный размер */
}
div.right_is_btn > a:not(.tglink) {
    display: inline-block;
    font-size: 10pt;
    /*margin: 3px;*/
    padding: 4px;
    /* height: unset; */
    margin: 4px;
    text-align: center;
    text-shadow: unset;
    border: 0;
    cursor: pointer;
    min-width: 60px;
    /* height: 26px; */
    color: #fff;
    background: #075d89b8;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 5px;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); */
    transition: all 0.3s;
}
.react_chat * .countlist { color: black }
.react_nochat * .countlist {
    color: white;
    font-size: 10pt;
}


.play_btn span {
    background-color: #ff0000 !important;
}

.audio-player {
    background-color: #eaeaea !important;
}

div.chat_btn {
    color: #0D6591;
}

.ui_draggable:not(.ui_nmove) {
    float: right;
    right: 10px;
    font-size: 18px;
    color: #0e4d6d;
    position: relative;
    opacity: 0.5;
    transition: opacity 0.3s, transform 0.3s;
}

.ui_draggable:not(.ui_nmove)::before {
    content: "\2699";
}

.ui_draggable:not(.ui_nmove):hover {
    opacity: 1;
    transform: rotate(180deg);
}

/* пузырьки на табах */
.tab * .count-bubble {
    display: unset;
    border: 1px solid #f3f3f333 !important;
    background: #0e4d6d;
    cursor: pointer;
    color: #ffffffe0;
    margin-left: 4px;
    padding: 1px 5px;
    border-radius: 20px !important;
    /*transition: background-color 0.3s ease, color 0.3s ease;*/
}

.tab:hover * .count-bubble { }
/* пузырьки на табах */

/* кнопки svg */
.btn_s {
    background-color: #5f7d8dba !important;
}
.btn_s.is_dis { }
.btn_s.is_ena, .btn_s:hover {
    background-color: #3A8AD0 !important;
}


/* пред. просмотр раздачи */
.preview_desc {
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*justify-content: center*/
}

.preview_desc .prv_click:hover {
    background-color: #2f9ed6
}

.preview_desc .prv_click {
    display: inline-block;
    width: 30px;
    height: 20px;
    mask-size: contain;
    -webkit-mask-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-token-text-primary"><path d="M15.11 14.285a.41.41 0 0 1 .78 0c.51 2.865.96 3.315 3.825 3.826.38.12.38.658 0 .778-2.865.511-3.315.961-3.826 3.826a.408.408 0 0 1-.778 0c-.511-2.865-.961-3.315-3.826-3.826a.408.408 0 0 1 0-.778c2.865-.511 3.315-.961 3.826-3.826Zm2.457-12.968a.454.454 0 0 1 .866 0C19 4.5 19.5 5 22.683 5.567a.454.454 0 0 1 0 .866C19.5 7 19 7.5 18.433 10.683a.454.454 0 0 1-.866 0C17 7.5 16.5 7 13.317 6.433a.454.454 0 0 1 0-.866C16.5 5 17 4.5 17.567 1.317Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7.001 4a1 1 0 0 1 .993.887c.192 1.7.701 2.877 1.476 3.665.768.783 1.913 1.3 3.618 1.452a1 1 0 0 1-.002 1.992c-1.675.145-2.849.662-3.638 1.452-.79.79-1.307 1.963-1.452 3.638a1 1 0 0 1-1.992.003c-.152-1.706-.67-2.851-1.452-3.62-.788-.774-1.965-1.283-3.665-1.475a1 1 0 0 1-.002-1.987c1.73-.2 2.878-.709 3.646-1.476.767-.768 1.276-1.916 1.476-3.646A1 1 0 0 1 7 4Zm-2.472 6.998a6.11 6.11 0 0 1 2.468 2.412 6.232 6.232 0 0 1 1.037-1.376 6.232 6.232 0 0 1 1.376-1.036 6.114 6.114 0 0 1-2.412-2.469 6.163 6.163 0 0 1-1.053 1.416 6.163 6.163 0 0 1-1.416 1.053Z" fill="currentColor"></path></svg>') no-repeat center;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-token-text-primary"><path d="M15.11 14.285a.41.41 0 0 1 .78 0c.51 2.865.96 3.315 3.825 3.826.38.12.38.658 0 .778-2.865.511-3.315.961-3.826 3.826a.408.408 0 0 1-.778 0c-.511-2.865-.961-3.315-3.826-3.826a.408.408 0 0 1 0-.778c2.865-.511 3.315-.961 3.826-3.826Zm2.457-12.968a.454.454 0 0 1 .866 0C19 4.5 19.5 5 22.683 5.567a.454.454 0 0 1 0 .866C19.5 7 19 7.5 18.433 10.683a.454.454 0 0 1-.866 0C17 7.5 16.5 7 13.317 6.433a.454.454 0 0 1 0-.866C16.5 5 17 4.5 17.567 1.317Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7.001 4a1 1 0 0 1 .993.887c.192 1.7.701 2.877 1.476 3.665.768.783 1.913 1.3 3.618 1.452a1 1 0 0 1-.002 1.992c-1.675.145-2.849.662-3.638 1.452-.79.79-1.307 1.963-1.452 3.638a1 1 0 0 1-1.992.003c-.152-1.706-.67-2.851-1.452-3.62-.788-.774-1.965-1.283-3.665-1.475a1 1 0 0 1-.002-1.987c1.73-.2 2.878-.709 3.646-1.476.767-.768 1.276-1.916 1.476-3.646A1 1 0 0 1 7 4Zm-2.472 6.998a6.11 6.11 0 0 1 2.468 2.412 6.232 6.232 0 0 1 1.037-1.376 6.232 6.232 0 0 1 1.376-1.036 6.114 6.114 0 0 1-2.412-2.469 6.163 6.163 0 0 1-1.053 1.416 6.163 6.163 0 0 1-1.416 1.053Z" fill="currentColor"></path></svg>') no-repeat center;
}

.btn_s.bt_edit:hover {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.18 8.03933L18.6435 7.57589C19.4113 6.80804 20.6563 6.80804 21.4241 7.57589C22.192 8.34374 22.192 9.58868 21.4241 10.3565L20.9607 10.82M18.18 8.03933C18.18 8.03933 18.238 9.02414 19.1069 9.89309C19.9759 10.762 20.9607 10.82 20.9607 10.82M18.18 8.03933L13.9194 12.2999C13.6308 12.5885 13.4865 12.7328 13.3624 12.8919C13.2161 13.0796 13.0906 13.2827 12.9882 13.4975C12.9014 13.6797 12.8368 13.8732 12.7078 14.2604L12.2946 15.5L12.1609 15.901M20.9607 10.82L16.7001 15.0806C16.4115 15.3692 16.2672 15.5135 16.1081 15.6376C15.9204 15.7839 15.7173 15.9094 15.5025 16.0118C15.3203 16.0986 15.1268 16.1632 14.7396 16.2922L13.5 16.7054L13.099 16.8391M13.099 16.8391L12.6979 16.9728C12.5074 17.0363 12.2973 16.9867 12.1553 16.8447C12.0133 16.7027 11.9637 16.4926 12.0272 16.3021L12.1609 15.901M13.099 16.8391L12.1609 15.901" stroke="currentColor" stroke-width="1.5"></path><path d="M8 13H10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 9H14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 17H9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M19.8284 3.17157C18.6569 2 16.7712 2 13 2H11C7.22876 2 5.34315 2 4.17157 3.17157C3 4.34315 3 6.22876 3 10V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C20.7715 19.8853 20.9554 18.4796 20.9913 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.18 8.03933L18.6435 7.57589C19.4113 6.80804 20.6563 6.80804 21.4241 7.57589C22.192 8.34374 22.192 9.58868 21.4241 10.3565L20.9607 10.82M18.18 8.03933C18.18 8.03933 18.238 9.02414 19.1069 9.89309C19.9759 10.762 20.9607 10.82 20.9607 10.82M18.18 8.03933L13.9194 12.2999C13.6308 12.5885 13.4865 12.7328 13.3624 12.8919C13.2161 13.0796 13.0906 13.2827 12.9882 13.4975C12.9014 13.6797 12.8368 13.8732 12.7078 14.2604L12.2946 15.5L12.1609 15.901M20.9607 10.82L16.7001 15.0806C16.4115 15.3692 16.2672 15.5135 16.1081 15.6376C15.9204 15.7839 15.7173 15.9094 15.5025 16.0118C15.3203 16.0986 15.1268 16.1632 14.7396 16.2922L13.5 16.7054L13.099 16.8391M13.099 16.8391L12.6979 16.9728C12.5074 17.0363 12.2973 16.9867 12.1553 16.8447C12.0133 16.7027 11.9637 16.4926 12.0272 16.3021L12.1609 15.901M13.099 16.8391L12.1609 15.901" stroke="currentColor" stroke-width="1.5"></path><path d="M8 13H10.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 9H14.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 17H9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M19.8284 3.17157C18.6569 2 16.7712 2 13 2H11C7.22876 2 5.34315 2 4.17157 3.17157C3 4.34315 3 6.22876 3 10V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C20.7715 19.8853 20.9554 18.4796 20.9913 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>') no-repeat center !important;
    mask-size: 24px !important;
}

.btn_s.bt_edit {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z" stroke="currentColor" stroke-width="1.5"></path><path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 8H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 16H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z" stroke="currentColor" stroke-width="1.5"></path><path d="M8 12H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 8H16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M8 16H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>') no-repeat center !important;
    mask-size: 24px !important;
}

.btn_s.bt_pict:hover {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M18.562 2.9354L18.9791 2.5183C19.6702 1.82723 20.7906 1.82723 21.4817 2.5183C22.1728 3.20937 22.1728 4.32981 21.4817 5.02087L21.0646 5.43797M18.562 2.9354C18.562 2.9354 18.6142 3.82172 19.3962 4.60378C20.1783 5.38583 21.0646 5.43797 21.0646 5.43797M18.562 2.9354L14.7275 6.76995C14.4677 7.02968 14.3379 7.15954 14.2262 7.30273C14.0945 7.47163 13.9815 7.65439 13.8894 7.84776C13.8112 8.01169 13.7532 8.18591 13.637 8.53437L13.2651 9.65M21.0646 5.43797L17.23 9.27253C16.9703 9.53225 16.8405 9.66211 16.6973 9.7738C16.5284 9.90554 16.3456 10.0185 16.1522 10.1106C15.9883 10.1888 15.8141 10.2468 15.4656 10.363L14.35 10.7349M14.35 10.7349L13.6281 10.9755C13.4567 11.0327 13.2676 10.988 13.1398 10.8602C13.012 10.7324 12.9673 10.5433 13.0245 10.3719L13.2651 9.65M14.35 10.7349L13.2651 9.65" stroke="currentColor" stroke-width="1.5"></path></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M18.562 2.9354L18.9791 2.5183C19.6702 1.82723 20.7906 1.82723 21.4817 2.5183C22.1728 3.20937 22.1728 4.32981 21.4817 5.02087L21.0646 5.43797M18.562 2.9354C18.562 2.9354 18.6142 3.82172 19.3962 4.60378C20.1783 5.38583 21.0646 5.43797 21.0646 5.43797M18.562 2.9354L14.7275 6.76995C14.4677 7.02968 14.3379 7.15954 14.2262 7.30273C14.0945 7.47163 13.9815 7.65439 13.8894 7.84776C13.8112 8.01169 13.7532 8.18591 13.637 8.53437L13.2651 9.65M21.0646 5.43797L17.23 9.27253C16.9703 9.53225 16.8405 9.66211 16.6973 9.7738C16.5284 9.90554 16.3456 10.0185 16.1522 10.1106C15.9883 10.1888 15.8141 10.2468 15.4656 10.363L14.35 10.7349M14.35 10.7349L13.6281 10.9755C13.4567 11.0327 13.2676 10.988 13.1398 10.8602C13.012 10.7324 12.9673 10.5433 13.0245 10.3719L13.2651 9.65M14.35 10.7349L13.2651 9.65" stroke="currentColor" stroke-width="1.5"></path></svg>') no-repeat center !important;
    mask-size: 22px !important;
}

.btn_s.bt_pict {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 14C2 10.2288 2 8.34315 3.17157 7.17157C4.34315 6 6.22876 6 10 6H14C17.7712 6 19.6569 6 20.8284 7.17157C22 8.34315 22 10.2288 22 14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14Z" stroke="currentColor" stroke-width="1.5"></path><path d="M4 7L3.98779 6C4.10022 5.06898 4.33494 4.42559 4.82498 3.93726C5.76553 3 7.27932 3 10.3069 3H13.5181C16.5457 3 18.0595 3 19 3.93726C19.4901 4.42559 19.7248 5.06898 19.8372 6V7" stroke="currentColor" stroke-width="1.5"></path><circle cx="17.5" cy="10.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M2 14.5001L3.75159 12.9675C4.66286 12.1702 6.03628 12.2159 6.89249 13.0721L11.1822 17.3618C11.8694 18.0491 12.9512 18.1428 13.7464 17.5839L14.0446 17.3744C15.1888 16.5702 16.7369 16.6634 17.7765 17.599L21 20.5001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 14C2 10.2288 2 8.34315 3.17157 7.17157C4.34315 6 6.22876 6 10 6H14C17.7712 6 19.6569 6 20.8284 7.17157C22 8.34315 22 10.2288 22 14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14Z" stroke="currentColor" stroke-width="1.5"></path><path d="M4 7L3.98779 6C4.10022 5.06898 4.33494 4.42559 4.82498 3.93726C5.76553 3 7.27932 3 10.3069 3H13.5181C16.5457 3 18.0595 3 19 3.93726C19.4901 4.42559 19.7248 5.06898 19.8372 6V7" stroke="currentColor" stroke-width="1.5"></path><circle cx="17.5" cy="10.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M2 14.5001L3.75159 12.9675C4.66286 12.1702 6.03628 12.2159 6.89249 13.0721L11.1822 17.3618C11.8694 18.0491 12.9512 18.1428 13.7464 17.5839L14.0446 17.3744C15.1888 16.5702 16.7369 16.6634 17.7765 17.599L21 20.5001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>') no-repeat center !important;
    mask-size: 24px !important;
}

.btn_s.bt_bookmark {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 6C4 3.79086 5.79086 2 8 2H9C9.55228 2 10 2.44772 10 3C10 3.55228 9.55228 4 9 4H8C6.89543 4 6 4.89543 6 6V20.0568L10.8375 16.6014C11.5329 16.1047 12.4671 16.1047 13.1625 16.6014L18 20.0568V13C18 12.4477 18.4477 12 19 12C19.5523 12 20 12.4477 20 13V20.0568C20 21.6836 18.1613 22.6298 16.8375 21.6843L12 18.2289L7.16248 21.6843C5.83874 22.6298 4 21.6836 4 20.0568V6Z" fill="currentColor"></path><path d="M17 3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V5H13C12.4477 5 12 5.44772 12 6C12 6.55228 12.4477 7 13 7H15V9C15 9.55228 15.4477 10 16 10C16.5523 10 17 9.55228 17 9V7H19C19.5523 7 20 6.55228 20 6C20 5.44772 19.5523 5 19 5H17V3Z" fill="currentColor"></path></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4 6C4 3.79086 5.79086 2 8 2H9C9.55228 2 10 2.44772 10 3C10 3.55228 9.55228 4 9 4H8C6.89543 4 6 4.89543 6 6V20.0568L10.8375 16.6014C11.5329 16.1047 12.4671 16.1047 13.1625 16.6014L18 20.0568V13C18 12.4477 18.4477 12 19 12C19.5523 12 20 12.4477 20 13V20.0568C20 21.6836 18.1613 22.6298 16.8375 21.6843L12 18.2289L7.16248 21.6843C5.83874 22.6298 4 21.6836 4 20.0568V6Z" fill="currentColor"></path><path d="M17 3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V5H13C12.4477 5 12 5.44772 12 6C12 6.55228 12.4477 7 13 7H15V9C15 9.55228 15.4477 10 16 10C16.5523 10 17 9.55228 17 9V7H19C19.5523 7 20 6.55228 20 6C20 5.44772 19.5523 5 19 5H17V3Z" fill="currentColor"></path></svg>') no-repeat center !important;
    mask-size: 24px !important;
}

.btn_s.bt_check {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.33497 4.72727V5.25342C6.64516 6.35644 4.76592 9.97935 4.83412 13.1192L4.83409 14.8631C3.45713 16.6333 3.53815 19.2727 6.9735 19.2727H9.33497C9.33497 19.996 9.61684 20.6897 10.1186 21.2012C10.6203 21.7127 11.3008 22 12.0104 22C12.72 22 13.4005 21.7127 13.9022 21.2012C14.404 20.6897 14.6858 19.996 14.6858 19.2727H17.0538C20.4826 19.2727 20.5323 16.6278 19.1555 14.8576L19.1938 13.1216C19.2631 9.97811 17.3803 6.35194 14.6858 5.25049V4.72727C14.6858 4.00396 14.404 3.31026 13.9022 2.7988C13.4005 2.28734 12.72 2 12.0104 2C11.3008 2 10.6203 2.28734 10.1186 2.7988C9.61684 3.31026 9.33497 4.00395 9.33497 4.72727ZM12.9022 4.72727C12.9022 4.74573 12.9017 4.76414 12.9006 4.78246C12.6101 4.74603 12.3142 4.72727 12.014 4.72727C11.7113 4.72727 11.413 4.74634 11.1203 4.78335C11.1192 4.76474 11.1186 4.74603 11.1186 4.72727C11.1186 4.48617 11.2126 4.25494 11.3798 4.08445C11.547 3.91396 11.7739 3.81818 12.0104 3.81818C12.2469 3.81818 12.4738 3.91396 12.641 4.08445C12.8083 4.25494 12.9022 4.48617 12.9022 4.72727ZM11.1186 19.2727C11.1186 19.5138 11.2126 19.7451 11.3798 19.9156C11.547 20.086 11.7739 20.1818 12.0104 20.1818C12.2469 20.1818 12.4738 20.086 12.641 19.9156C12.8083 19.7451 12.9022 19.5138 12.9022 19.2727H11.1186ZM17.0538 17.4545C17.8157 17.4545 18.2267 16.5435 17.7309 15.9538C17.49 15.6673 17.3616 15.3028 17.3699 14.9286L17.4106 13.0808C17.4787 9.99416 15.0427 6.54545 12.014 6.54545C8.98598 6.54545 6.55028 9.99301 6.61731 13.0789L6.65748 14.9289C6.66561 15.303 6.53726 15.6674 6.29639 15.9538C5.80054 16.5435 6.21158 17.4545 6.9735 17.4545H17.0538Z" fill="currentColor"></path></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.33497 4.72727V5.25342C6.64516 6.35644 4.76592 9.97935 4.83412 13.1192L4.83409 14.8631C3.45713 16.6333 3.53815 19.2727 6.9735 19.2727H9.33497C9.33497 19.996 9.61684 20.6897 10.1186 21.2012C10.6203 21.7127 11.3008 22 12.0104 22C12.72 22 13.4005 21.7127 13.9022 21.2012C14.404 20.6897 14.6858 19.996 14.6858 19.2727H17.0538C20.4826 19.2727 20.5323 16.6278 19.1555 14.8576L19.1938 13.1216C19.2631 9.97811 17.3803 6.35194 14.6858 5.25049V4.72727C14.6858 4.00396 14.404 3.31026 13.9022 2.7988C13.4005 2.28734 12.72 2 12.0104 2C11.3008 2 10.6203 2.28734 10.1186 2.7988C9.61684 3.31026 9.33497 4.00395 9.33497 4.72727ZM12.9022 4.72727C12.9022 4.74573 12.9017 4.76414 12.9006 4.78246C12.6101 4.74603 12.3142 4.72727 12.014 4.72727C11.7113 4.72727 11.413 4.74634 11.1203 4.78335C11.1192 4.76474 11.1186 4.74603 11.1186 4.72727C11.1186 4.48617 11.2126 4.25494 11.3798 4.08445C11.547 3.91396 11.7739 3.81818 12.0104 3.81818C12.2469 3.81818 12.4738 3.91396 12.641 4.08445C12.8083 4.25494 12.9022 4.48617 12.9022 4.72727ZM11.1186 19.2727C11.1186 19.5138 11.2126 19.7451 11.3798 19.9156C11.547 20.086 11.7739 20.1818 12.0104 20.1818C12.2469 20.1818 12.4738 20.086 12.641 19.9156C12.8083 19.7451 12.9022 19.5138 12.9022 19.2727H11.1186ZM17.0538 17.4545C17.8157 17.4545 18.2267 16.5435 17.7309 15.9538C17.49 15.6673 17.3616 15.3028 17.3699 14.9286L17.4106 13.0808C17.4787 9.99416 15.0427 6.54545 12.014 6.54545C8.98598 6.54545 6.55028 9.99301 6.61731 13.0789L6.65748 14.9289C6.66561 15.303 6.53726 15.6674 6.29639 15.9538C5.80054 16.5435 6.21158 17.4545 6.9735 17.4545H17.0538Z" fill="currentColor"></path></svg>') no-repeat center !important;
    mask-size: 26px !important;
}

.btn_s.is_dis.bt_check:hover {
    mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.29664 4.72727V5.25342C6.60683 6.35644 4.7276 9.97935 4.79579 13.1192L4.79577 14.8631C3.4188 16.6333 3.49982 19.2727 6.93518 19.2727H9.29664C9.29664 19.996 9.57852 20.6897 10.0803 21.2012C10.582 21.7127 11.2625 22 11.9721 22C12.6817 22 13.3622 21.7127 13.8639 21.2012C14.3656 20.6897 14.6475 19.996 14.6475 19.2727H17.0155C20.4443 19.2727 20.494 16.6278 19.1172 14.8576L19.1555 13.1216C19.2248 9.97811 17.3419 6.35194 14.6475 5.25049V4.72727C14.6475 4.00395 14.3656 3.31026 13.8639 2.7988C13.3622 2.28734 12.6817 2 11.9721 2C11.2625 2 10.582 2.28734 10.0803 2.7988C9.57852 3.31026 9.29664 4.00395 9.29664 4.72727ZM12.8639 4.72727C12.8639 4.72727 12.8633 4.76414 12.8622 4.78246C12.5718 4.74603 12.2759 4.72727 11.9757 4.72727C11.673 4.72727 11.3747 4.74634 11.082 4.78335C11.0808 4.76474 11.0803 4.74603 11.0803 4.72727C11.0803 4.48617 11.1742 4.25494 11.3415 4.08445C11.5087 3.91396 11.7356 3.81818 11.9721 3.81818C12.2086 3.81818 12.4354 3.91396 12.6027 4.08445C12.7699 4.25494 12.8639 4.48617 12.8639 4.72727ZM11.0803 19.2727C11.0803 19.5138 11.1742 19.7451 11.3415 19.9156C11.5087 20.086 11.7356 20.1818 11.9721 20.1818C12.2086 20.1818 12.4354 20.086 12.6027 19.9156C12.7699 19.7451 12.8639 19.5138 12.8639 19.2727H11.0803ZM17.0155 17.4545C17.7774 17.4545 18.1884 16.5435 17.6926 15.9538C17.4516 15.6673 17.3233 15.3028 17.3316 14.9286L17.3723 13.0808C17.4404 9.99416 15.0044 6.54545 11.9757 6.54545C8.94765 6.54545 6.51196 9.99301 6.57898 13.0789L6.61916 14.9289C6.62729 15.303 6.49893 15.6674 6.25806 15.9538C5.76221 16.5435 6.17325 17.4545 6.93518 17.4545H17.0155ZM16.9799 3.20202C17.2945 2.74813 17.9176 2.63524 18.3715 2.94988C19.5192 3.74546 20.8956 5.65348 21.6471 7.9126C21.8214 8.43664 21.5379 9.00279 21.0139 9.17712C20.4898 9.35145 19.9237 9.06795 19.7493 8.5439C19.0892 6.55949 17.9221 5.07189 17.2321 4.59358C16.7782 4.27894 16.6653 3.65592 16.9799 3.20202ZM5.4303 2.94988C5.8842 2.63524 6.50722 2.74813 6.82185 3.20202C7.13649 3.65592 7.0236 4.27894 6.56971 4.59358C5.87969 5.07189 4.71256 6.55949 4.05242 8.5439C3.87809 9.06795 3.31194 9.35145 2.78789 9.17712C2.26384 9.00279 1.98034 8.43664 2.15467 7.9126C2.90619 5.65348 4.2826 3.74546 5.4303 2.94988Z" fill="currentColor"></path></svg>') no-repeat center !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.29664 4.72727V5.25342C6.60683 6.35644 4.7276 9.97935 4.79579 13.1192L4.79577 14.8631C3.4188 16.6333 3.49982 19.2727 6.93518 19.2727H9.29664C9.29664 19.996 9.57852 20.6897 10.0803 21.2012C10.582 21.7127 11.2625 22 11.9721 22C12.6817 22 13.3622 21.7127 13.8639 21.2012C14.3656 20.6897 14.6475 19.996 14.6475 19.2727H17.0155C20.4443 19.2727 20.494 16.6278 19.1172 14.8576L19.1555 13.1216C19.2248 9.97811 17.3419 6.35194 14.6475 5.25049V4.72727C14.6475 4.00395 14.3656 3.31026 13.8639 2.7988C13.3622 2.28734 12.6817 2 11.9721 2C11.2625 2 10.582 2.28734 10.0803 2.7988C9.57852 3.31026 9.29664 4.00395 9.29664 4.72727ZM12.8639 4.72727C12.8639 4.72727 12.8633 4.76414 12.8622 4.78246C12.5718 4.74603 12.2759 4.72727 11.9757 4.72727C11.673 4.72727 11.3747 4.74634 11.082 4.78335C11.0808 4.76474 11.0803 4.74603 11.0803 4.72727C11.0803 4.48617 11.1742 4.25494 11.3415 4.08445C11.5087 3.91396 11.7356 3.81818 11.9721 3.81818C12.2086 3.81818 12.4354 3.91396 12.6027 4.08445C12.7699 4.25494 12.8639 4.48617 12.8639 4.72727ZM11.0803 19.2727C11.0803 19.5138 11.1742 19.7451 11.3415 19.9156C11.5087 20.086 11.7356 20.1818 11.9721 20.1818C12.2086 20.1818 12.4354 20.086 12.6027 19.9156C12.7699 19.7451 12.8639 19.5138 12.8639 19.2727H11.0803ZM17.0155 17.4545C17.7774 17.4545 18.1884 16.5435 17.6926 15.9538C17.4516 15.6673 17.3233 15.3028 17.3316 14.9286L17.3723 13.0808C17.4404 9.99416 15.0044 6.54545 11.9757 6.54545C8.94765 6.54545 6.51196 9.99301 6.57898 13.0789L6.61916 14.9289C6.62729 15.303 6.49893 15.6674 6.25806 15.9538C5.76221 16.5435 6.17325 17.4545 6.93518 17.4545H17.0155ZM16.9799 3.20202C17.2945 2.74813 17.9176 2.63524 18.3715 2.94988C19.5192 3.74546 20.8956 5.65348 21.6471 7.9126C21.8214 8.43664 21.5379 9.00279 21.0139 9.17712C20.4898 9.35145 19.9237 9.06795 19.7493 8.5439C19.0892 6.55949 17.9221 5.07189 17.2321 4.59358C16.7782 4.27894 16.6653 3.65592 16.9799 3.20202ZM5.4303 2.94988C5.8842 2.63524 6.50722 2.74813 6.82185 3.20202C7.13649 3.65592 7.0236 4.27894 6.56971 4.59358C5.87969 5.07189 4.71256 6.55949 4.05242 8.5439C3.87809 9.06795 3.31194 9.35145 2.78789 9.17712C2.26384 9.00279 1.98034 8.43664 2.15467 7.9126C2.90619 5.65348 4.2826 3.74546 5.4303 2.94988Z" fill="currentColor"></path></svg>') no-repeat center !important;
    mask-size: 26px !important;
}

.rating_left ul > li {
    line-height: 1.3
}
.ui_draggable:not(.ui_nremove)::after {
    position: unset !important;
    padding: 0 10px;
    transition: unset !important;
}
.ui_draggable:not(.ui_nmove) {
    transition: opacity 0.5s !important;
}

a.tglink {
    background-color: unset;
    color: white;
    border: 1px solid #b6b6b663;
    box-shadow: unset;
}

a.tglink:hover {
    color: black;
    background-color: #cbcbcb;
    border: 1px dotted #b6b6b6;
    cursor: pointer;
    text-shadow: 0px 1px 0px #efefef;
    box-shadow: 0px 0px 2px Silver;
}

a.tglink.tg_active {
    color: #fff;
    background: #075d89b8;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    transition: all 0.3s;
}


/* Мобильная адаптация */
@media (max-width: 768px) {
    /* Общие исправления для мобильных */
    body {
        font-size: 14px;
        line-height: 1.4;
    }

    /* Исправление основного контейнера */
    #templatemo_wrapper {
        width: 100% !important;
        padding: 0 5px !important;
    }

    /* Шапка сайта */
    #templatemo_header {
        height: auto;
        padding: 10px 0;
    }

    #templatemo_header #site_title {
        float: none;
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }

    #templatemo_header #site_title img {
        max-width: 200px;
        height: auto;
    }

    /* Поисковая форма */
    #templatemo_menu {
        float: none;
        width: 100%;
        text-align: center;
    }

    .form-wrapper {
        width: 100% !important;
        margin: 10px auto !important;
        padding: 5px !important;
    }

    .form-wrapper input {
        width: 60% !important;
        height: 35px !important;
    }

    .form-wrapper button {
        width: 30% !important;
        height: 35px !important;
        font-size: 12px !important;
    }
    /* Основной контент */
    #primaryContentContainer {
        margin: 0 !important;
        width: 100% !important;
        min-height: auto !important;
    }

    #primaryContent {
        margin: 0 !important;
        padding: 10px !important;
    }

    .chatmiddle #primaryContent {
        margin: 0 !important;
        padding: 10px !important;
    }

    /* Боковые колонки */
    #secondaryContent, #tertiaryContent {
        float: none !important;
        width: 100% !important;
        padding: 10px !important;
        margin-bottom: 10px;
    }

    /* Таблицы */
    table {
        font-size: 12px !important;
    }

    table th, table td {
        padding: 4px 2px !important;
        font-size: 11px;
    }

    .w200, .w250, .w300, .w350 {
        width: auto !important;
    }

    /* Уведомления */
    .newls {
        position: static !important;
        text-align: center;
        margin: 10px auto;
    }

    .newls2 {
        width: 100% !important;
        margin: 0 auto;
    }

    /* Кнопки загрузки */
    .download_urls {
        width: 100% !important;
        margin: 5px 0 !important;
        display: block !important;
    }

    td.afterhead.download {
        display: block !important;
        text-align: center;
    }

    /* Формы */
    fieldset {
        padding: 5px !important;
    }

    .bled {
        width: 95% !important;
        padding: 10px !important;
    }

    .tx {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Заголовки */
    h1 {
        font-size: 1.5em !important;
        margin: 10px 0 !important;
    }

    h2 {
        font-size: 1.3em !important;
    }

    .title_full h1 {
        font-size: 16px !important;
    }

    /* Навигация */
    .pagination-sm > li > a,
    .pagination-sm > li > span {
        padding: 3px 8px !important;
        font-size: 12px !important;
    }

    /* Скрываем некоторые элементы на мобильных */
    .no-mob {
        display: none !important;
    }

    .angel {
        display: none;
    }

    /* Облака в фоне */
    .wrapper_cloudsWrapper,
    .cloudsWrapper {
        display: none;
    }
}

/* Дополнительные исправления для очень маленьких экранов */
@media (max-width: 480px) {
    body {
        font-size: 13px;
    }

    .form-wrapper input {
        width: 55% !important;
        font-size: 14px !important;
    }

    .form-wrapper button {
        width: 35% !important;
        font-size: 11px !important;
    }

    table {
        font-size: 11px !important;
    }

    table th, table td {
        padding: 3px 1px !important;
        font-size: 10px;
    }

    .bll1, .bll2, .bll3 {
        padding: 15px 5px !important;
    }

    .box3, .box4 {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* Исправление для горизонтальной прокрутки */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }

    #templatemo_wrapper_outer {
        overflow-x: hidden;
    }
}

/* Адаптация изображений */
@media (max-width: 768px) {
    img {
        max-width: 100%;
        height: auto;
    }

    .p100x150, .p126x176, .p85x120 {
        width: 100% !important;
        height: auto !important;
    }
}

/* Исправление для меню категорий под шапкой */
@media (max-width: 768px) {
    .under-menu .wrapper ul li {
        float: none;
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .under-menu a {
        padding: 10px 15px;
        text-align: center;
    }
}

/* Адаптация кнопок редактора */
@media (max-width: 768px) {
    .editorbutton {
        width: 2em !important;
        height: 2em !important;
        margin: 2px;
    }

    .bb2 {
        text-align: center;
    }
}

/* Исправление для снежного эффекта на мобильных */
@media (max-width: 768px) {
    #templatemo_header,
    .download_urls.magnet,
    .download_urls.magnet:after,
    .download_urls.utorrent,
    .download_urls.utorrent:after {
        -webkit-animation: none !important;
        animation: none !important;
    }
}



/* вложенные комментарии */
/* Переменные */
.p-comment-branch[data-nesting="1"] { --line-color: #4CAF50; --control-color: #4CAF50; }
.p-comment-branch[data-nesting="2"] { --line-color: #2196F3; --control-color: #2196F3; }
.p-comment-branch[data-nesting="3"] { --line-color: #9C27B0; --control-color: #9C27B0; }
.p-comment-branch[data-nesting="4"] { --line-color: #FF9800; --control-color: #FF9800; }
.p-comment-branch[data-nesting="5"] { --line-color: #F44336; --control-color: #F44336; }
.p-comment-branch[data-nesting="6"] { --line-color: #607D8B; --control-color: #607D8B; }
.p-comment-branch[data-nesting="7"] { --line-color: #795548; --control-color: #795548; }

/* Вложенность комментариев: Базовые стили */
.branch-comments-container {
    line-height: 1.5;
    margin: 0 auto;
}

.p-comment-branch {
    position: relative;
    margin-bottom: 8px;
}

.p-comment-branch.has-children {
    margin-bottom: 12px;
}

.p-comment-main {
    position: relative;
    /*padding: 8px 12px; !* Увеличиваем padding справа для кнопки *!*/
    border-radius: 4px;
    /* Акцентная полоса слева */
    border-left: 3px solid var(--line-color, #ccc);
    transition: all 0.2s ease;
}

/* Отступ для вложенных комментариев */
.p-comment-branch:not([data-is-root="1"]) > .p-comment-main {
    /* Сдвиг вправо */
    /*margin-left: 20px;*/
    padding-left: 10px;
}

/* Корневой комментарий */
.p-comment-branch[data-is-root="1"] > .p-comment-main {
    border-left: 3px solid transparent;
    margin-left: 0 !important;
    padding-left: 8px !important;
}

/* При наведении */
.p-comment-main:hover {
    border-left: 5px solid var(--line-color, #333);
    background-color: rgba(0, 0, 0, 0.03);
}

/* --- Контрол Сворачивания/Разворачивания --- */
.p-toggle-control {
    /* Позиционируем кнопку внутри main-контейнера */
    position: absolute;
    top: 8px; /* Выравнивание по верхнему краю */
    right: 8px;
    width: 20px;
    height: 20px;
    background: var(--control-color, #4CAF50);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1; /* Для центрирования символов */
    z-index: 5;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* При наведении на main-контейнер, показываем кнопку ярче */
.p-comment-main:hover > .p-toggle-control {
    opacity: 1;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
}

/* Символ в кнопке */
.p-toggle-control::after {
    content: "−"; /* Символ "свернуть" */
}
.p-comment-branch.collapsed .p-toggle-control::after {
    content: "+"; /* Символ "развернуть" */
}


/* --- Визуальные линии (Соединение) --- */
/* Убраны псевдо-элементы для горизонтальных и вертикальных линий,
   оставляем только отступ и border-left, который и есть наша акцентная линия.
   Оставляем dashed border-left для вложенных веток, чтобы показать связь.
*/
.p-comment-branch:not([data-is-root="1"]) {
    /* Вертикальная пунктирная линия, показывающая "коридор" */
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    margin-left: 20px;
    padding-left: 0;
}
/* Убираем dashed-линию у родителя, чтобы она не конфликтовала с border-left */
.p-comment-branch.has-children > .p-comment-children {
    /* Убираем dashed-линию, если ветка свернута */
    border-left: none;
}


/* --- Скрытие/показ --- */
.p-comment-children {
    max-height: 9999px;
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease;
}

.p-comment-branch.collapsed .p-comment-children {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

/* Скрытый плейсхолдер */
.p-branch-collapsed-placeholder {
    display: none;
    margin-left: 20px; /* Отступ, чтобы совпадал */
    padding: 8px 12px;
    background: #f0f0f0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9em;
    color: #666;
    transition: all 0.2s ease;
    border-left: 3px solid var(--line-color, #ccc); /* Акцентная полоса на плейсхолдере */
}

.p-comment-branch.collapsed .p-branch-collapsed-placeholder {
    display: block;
}

.p-branch-collapsed-placeholder:hover {
    background: #e0e0e0;
}

/* Стили для текста плейсхолдера */
.p-expand-button {
    color: var(--line-color, #4CAF50);
    font-weight: bold;
    text-decoration: underline;
    margin-right: 6px;
}
.p-username-placeholder, .p-comments-count, .p-expand-text {
    color: #333;
}
.p-comments-count {
    font-size: 0.9em;
    margin-left: 6px;
}

/* Удаляем неиспользуемые классы из старого кода */
.p-branch-line-control, .p-branch-no-icon {
    display: none !important;
}
/* вложенные комментарии */
