/*



HEADER
LEFT
RIGHT
FOOTER



*/

@font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothaProBla.eot');
    src: local('в?є'), url('fonts/GothaProBla.woff') format('woff'), url('fonts/GothaProBla.ttf') format('truetype'), url('fonts/GothaProBla.svg') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothaProBlaIta.eot');
    src: local('в?є'), url('fonts/GothaProBlaIta.woff') format('woff'), url('fonts/GothaProBlaIta.ttf') format('truetype'), url('fonts/GothaProBlaIta.svg') format('svg');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothaProBol.eot');
    src: local('в?є'), url('fonts/GothaProBol.woff') format('woff'), url('fonts/GothaProBol.ttf') format('truetype'), url('fonts/GothaProBol.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothaProBolIta.eot');
    src: local('в?є'), url('fonts/GothaProBolIta.woff') format('woff'), url('fonts/GothaProBolIta.ttf') format('truetype'), url('fonts/GothaProBolIta.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothaProIta.eot');
    src: local('в?є'), url('fonts/GothaProIta.woff') format('woff'), url('fonts/GothaProIta.ttf') format('truetype'), url('fonts/GothaProIta.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('fonts/GothaProReg.eot');
    src: local('в?є'), url('fonts/GothaProReg.woff') format('woff'), url('fonts/GothaProReg.ttf') format('truetype'), url('fonts/GothaProReg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro Light';
    src: url('fonts/GothaProLig.eot');
    src: local('в?є'), url('fonts/GothaProLig.woff') format('woff'), url('fonts/GothaProLig.ttf') format('truetype'), url('fonts/GothaProLig.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}




















html, body {
    margin: 0;
    min-width: 1200px;
    height: 100%;
    background: #e8e8e8;
    color: #000;
    font-family: "Gotham Pro";
    font-size: 14px;
}

#substrate {
    position: relative;
    left: calc(50% - 600px);
    height: auto !important;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    box-shadow: 0 0 9.7px 2.3px rgba(0, 0, 0, 0.04),
                0 0 36.5px 8.6px rgba(0, 0, 0, 0.04);
    border-radius: 14px;
    background: #FFF;
    margin: 30px 0 30px 0;
}

#wrapper {
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

#wrapper:before {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0;
    width: 300px;
    background: #fafafa;
    border-right: 1px solid rgba(207, 207, 207, 0.53);
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

#spacer { height: 119px; }
.clear { clear: both; }

.reset, .reset li { list-style: none; padding: 0; margin: 0; }

a { color: #9db808; }
a:hover { text-decoration: none; }

input, select {
    color: #ababab;
    font-family: "Gotham Pro";
    font-size: 14px;
    border: 0;
    outline: 0;
    height: 41px;
    background-color: #fafafa;
    border: 1px solid gainsboro;
    border-radius: 5px;
    box-shadow: inset 1px 1.7px 5px rgba(0, 0, 0, 0.08);
    margin: 5px 0;
}

textarea {
    color: #ababab;
    font-family: "Gotham Pro";
    font-size: 14px;
    border: 0;
    outline: 0;
    background-color: #fafafa;
    border: 1px solid gainsboro;
    border-radius: 5px;
    box-shadow: inset 1px 1.7px 5px rgba(0, 0, 0, 0.08);
}

input[type='checkbox'],
input[type='radio'] {
    height: auto !important;
    box-shadow: none !important;
}

button {
    font-family: "Gotham Pro";
    font-size: 14px;
    border: 0;
    outline: 0;
    cursor: pointer;
    height: 40px;
    background: #e2e2e2;
    border-radius: 19px;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    padding: 0 18px;
}

button:hover {
    background: #c1e302;
}

button1 {
    font-family: "Gotham Pro";
    font-size: 14px;
    border: 0;
    outline: 0;
    cursor: pointer;
    height: 40px;
    background: #e2e2e2;
    border-radius: 19px;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    padding: 0 18px;
}

button1:hover {
    background: #c1e302;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}













/*----------------------- HEADER -----------------------*/
#header {
    position: relative;
    height: 375px;
    border-bottom: 1px solid #e2e2e2;
}

.header {
    height: 443px !important;
}

.logo {
    position: absolute;
    top: 18px; left: 28px;
    display: block;
    overflow: hidden;
    width: 242px;
    height: 56px;
    background: url(../img/logo.png) no-repeat;
    line-height: 400px;
}




.header-search {
    position: absolute;
    z-index: 2;
    top: 0; left: 301px;
    display: block;
    width: 101px;
    height: 101px;
    border-right: 1px solid #f3f3f3;
    background: #FFF;
    -webkit-transition: all .3s ease 0.3s !important;
       -moz-transition: all .3s ease 0.3s !important;
            transition: all .3s ease 0.3s !important;
    cursor: pointer;
}

.header-search input {
    box-shadow: none;
}

.header-search:hover,
.header-search:hover input {
    -webkit-transition: all .3s ease 0.0s !important;
       -moz-transition: all .3s ease 0.0s !important;
            transition: all .3s ease 0.0s !important;
    background: #ededed;
}

.header-search-open:hover,
.header-search-open:hover input {
    background: #FFF;
}

.header-search:before {
    content: '';
    position: absolute;
    top: 33px; left: 34px;
    width: 33px;
    height: 33px;
    background: url(../img/search.png) no-repeat;
    opacity: 1;
    -moz-opacity: 1.0;
         opacity: 1.0;
          filter: alpha(opacity=100);
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.header-search b {
    content: '';
    position: absolute;
    top: 33px; right: 29px;
    display: block;
    width: 33px;
    height: 33px;
    background: url(../img/search-close.png) no-repeat;
    cursor: pointer;
    opacity: 0;
    -moz-opacity: 0.0;
         opacity: 0.0;
          filter: alpha(opacity=0);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.header-search-open {
    -webkit-transition: all .3s ease 0.0s !important;
       -moz-transition: all .3s ease 0.0s !important;
            transition: all .3s ease 0.0s !important;
    width: 645px;
    cursor: default;
}

.header-search-open:before {
    opacity: 0;
    -moz-opacity: 0.0;
         opacity: 0.0;
          filter: alpha(opacity=0);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.header-search-open b {
    -webkit-transition: all .3s ease 0.3s !important;
       -moz-transition: all .3s ease 0.3s !important;
            transition: all .3s ease 0.3s !important;
    opacity: 1;
    -moz-opacity: 1.0;
         opacity: 1.0;
          filter: alpha(opacity=100);
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.header-search input {
    position: absolute;
    top: 30px; left: 23px;
    width: 534px;
    height: 40px;
    font-family: 'Gotham Pro Light';
    color: #888;
    font-size: 18px;
    border: 0;
    outline: 0;
    opacity: 0;
    -moz-opacity: 0.0;
         opacity: 0.0;
          filter: alpha(opacity=0);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.header-search-open input {
    opacity: 1;
    -moz-opacity: 1.0;
         opacity: 1.0;
          filter: alpha(opacity=100);
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.header-search1 button {
    display: none;
}






.header-contacts {
    position: absolute;
    top: 0; left: 403px;
    display: block;
    width: 100px;
    height: 101px;
    background: url(../img/contacts.png) no-repeat 34px 32px;
    border-right: 1px solid #f3f3f3;
}

.header-contacts:hover {
    background-color: #ededed;
}


.obshalka {
    position: absolute;
    top: 0; left: 503px;
    display: block;
    width: 100px;
    height: 101px;
    background: url(../img/obshalka.png) no-repeat 34px 32px;
    border-right: 1px solid #f3f3f3;
}

.obshalka:hover {
    background-color: #ededed;
}


.faq {
    position: absolute;
    top: 0; left: 603px;
    display: block;
    width: 100px;
    height: 101px;
    background: url(../img/faq.png) no-repeat 34px 32px;
    border-right: 1px solid #f3f3f3;
}

.faq:hover {
    background-color: #ededed;
}

.fav {
    position: absolute;
    top: 0; left: 403px;
    display: block;
    width: 100px;
    height: 101px;
    background: url(../img/fav.png) no-repeat 34px 32px;
    border-right: 1px solid #f3f3f3;
}

.fav:hover {
    background-color: #ededed;
}



.alphabet {
    position: absolute;
    top: 0; left: 504px;
    width: 100px;
    height: 101px;
    background: url(../img/obshalka.png) no-repeat 25px 38px;
    border-right: 1px solid #f3f3f3;
    cursor: pointer;
}

.alphabet:hover {
    background-color: #ededed;
}

.alphabet:before {
    content: '';
    position: absolute;
    bottom: 0px; left: calc(50% - 13px);
    width: 0; height: 0;
    border: 13px solid transparent;
    border-bottom-color: #c1e302;
    opacity: 0;
}

.alphabet span {
    position: absolute;
    top: 101px; left: -504px;
    display: block;
    overflow: hidden;
    width: 1177px;
    height: 0;
    background: #c1e302;
    padding: 0 0 0 23px;
    line-height: 74px;
    letter-spacing: 0.114em;
    opacity: 0;
    cursor: default;
}

.alphabet span a {
    display: inline-block;
    width: 30px;
    padding: 0 0 0 1px;
    height: 31px;
    border-radius: 50%;
    color: #111;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 31px;
}

.alphabet span a:hover {
    background: #FFF;
}

.alphabet b {
    position: absolute;
    top: 26px; right: 28px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/alphabet-close.png) no-repeat;
    cursor: pointer;
}

.alphabet-open {
    background-color: #ededed;
}

.alphabet-open span {
    height: 68px;
    opacity: 1;
}

.alphabet-open:before {
    opacity: 1;
}







.profile {
    position: absolute;
    z-index: 3;
    right: 0px; top: 0;
    width: 253px;
    height: 101px;
    border-left: 1px solid #f3f3f3;
    color: #111;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    text-indent: 17px;
    border-top-right-radius: 15px;
}

.profile:hover {
    background: #fafafa;
}

.profile b {
    position: relative;
    display: inline-block;
    margin-top: 43px;
    word-wrap: normal;
}

.profile b:before {
    content: '';
    position: absolute;
    top: 8px; right: -19px;
    width: 0; height: 0;
    border: 7px solid transparent;
    border-top-color: #000;
}

.profile:hover b:before{
    -webkit-transform: rotate(180deg) translate(0, 6px);
       -moz-transform: rotate(180deg) translate(0, 6px);
        -ms-transform: rotate(180deg) translate(0, 6px);
         -o-transform: rotate(180deg) translate(0, 6px);
            transform: rotate(180deg) translate(0, 6px);
}

.profile-ava {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -8px; left: -38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    float: left;
    text-indent: 0;
}

.profile-ava img {
    width: 38px;
    min-height: 38px;
}

.profile-drop {
    position: absolute;
    top: 100px; left: -2px;
    display: block;
    overflow: hidden;
    width: 254px;
    background: #FFF;
    border: 1px solid #cfcfcf;
    box-shadow: 0 0 11.3px 2.7px rgba(55, 55, 55, 0.06);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0 0 0;
    text-indent: 32px;
    visibility: hidden;
    opacity: 0;
    -moz-opacity: 0.0;
         opacity: 0.0;
          filter: alpha(opacity=0);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.profile:hover .profile-drop {
    visibility: visible;
    opacity: 1;
    -moz-opacity: 1.0;
         opacity: 1.0;
          filter: alpha(opacity=100);
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.profile-drop li a {
    display: block;
    height: 46px;
    line-height: 46px;
    text-decoration: none;
    color: #111;
    border-bottom: 1px solid #efefef;
}

.profile-drop li a:hover {
    background: #c1e302;
    border-bottom: 1px solid #c1e302;
}

.profile-drop li.profile-adm a {
    color: #8061ae;
    font-weight: bold;
}

.profile-drop li:last-child a {
    color: #b3b3b3;
    font-weight: bold;
}

.profile-drop li:last-child a:hover {
    color: #111;
}











.authorization {
    position: absolute;
    top: 32px; right: 40px;
    width: 96px;
    height: 40px;
    border: 3px solid #c1e302;
    border-radius: 15px;
    color: #111;
    font-family: "Gotham Pro";
    font-size: 16px;
    line-height: 40px;
    text-indent: 14px;
    cursor: pointer;
}

.authorization:before {
    content: '';
    position: absolute;
    top: 13px; right: 11px;
    width: 17px; height: 16px;
    background: url(../img/authorization.png) no-repeat;
}

.authorization:after {
    content: '';
    position: absolute;
    top: 12px; right: 12px;
    width: 16px; height: 16px;
    background: url(../img/authorization-close.png) no-repeat;
    opacity: 0;
    -moz-opacity: 0.0;
         opacity: 0.0;
          filter: alpha(opacity=0);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.authorization:hover:before {
    opacity: 0;
    -moz-opacity: 0.0;
         opacity: 0.0;
          filter: alpha(opacity=0);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.authorization:hover:after {
    opacity: 1;
    -moz-opacity: 1.0;
         opacity: 1.0;
          filter: alpha(opacity=100);
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.authorization b {
    display: inline-block;
    height: 28px;
    border-bottom: 1px solid #d5d5d5;
    text-indent: 0;
    padding: 0 1px 0 0;
}

.authorization-form {
    position: absolute;
    z-index: 3;
    top: 59px; left: -14px;
    display: block;
    width: 255px;
    height: 259px;
    background: #b2d200;
    box-shadow: 2.5px 4.3px 10px rgba(0, 0, 0, 0.28);
    border-radius: 15px;
    cursor: default;
    opacity: 0;
    -moz-opacity: 0.0;
         opacity: 0.0;
          filter: alpha(opacity=0);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.authorization:hover .authorization-form {
    opacity: 1;
    -moz-opacity: 1.0;
         opacity: 1.0;
          filter: alpha(opacity=100);
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.authorization-form:before {
    content: '';
    position: absolute;
    top: -18px; left: 57px;
    width: 0; height: 0;
    border: 9px solid transparent;
    border-bottom-color: #b2d200;
}

.authorization-form input {
    display: block;
    width: 204px;
    height: 41px;
    background: #FFF;
    border: 0;
    outline: 0;
    border-radius: 5px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
    margin-left: 27px;
    text-align: center;
    padding: 0 10px;
}

.authorization-form input:nth-child(1) {
    margin: 27px 0 9px 27px;
}

.authorization-form button {
    width: 204px;
    height: 43px;
    border: 0;
    outline: 0;
    background: #658200;
    border-radius: 5px;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    margin: 16px 0 0 27px;
}

.authorization-form button:hover {
    background: #4a621b;
}

.authorization-form a {
    position: relative;
    top: 6px; left: 70px;
    color: #181818;
    font-size: 14px;
    text-decoration: none;
}

.authorization-form a:hover {
    text-decoration: underline;
}

.registration-link {
    position: absolute;
    top: 46px; right: 40px;
    display: inline-block;
    height: 17px;
    text-decoration: none;
    border-bottom: 1px solid #d7d7d7;
    color: #2b2b2b;
    font-size: 16px;
    font-weight: bold;
}

.registration-link:hover {
    border-bottom: 1px solid transparent;
}









#top-slider {
    position: absolute;
    left: 0;
    bottom: 0;
}

#top-slider .item {
    position: relative;
    width: 200px;
    height: 274px;
}

#top-slider .item img {
    position: absolute;
    top: 0; left: 0;
    width: 200px;
    min-height: 274px;
}

.item-bg {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    background: url(../img/slider-item-bg.png) repeat-x;
}

.item-bg span {
    position: absolute;
    left: 0; bottom: 0;
    display: block;
    width: 162px;
    min-height: 36px;
    color: #FFF;
    font-size: 15px;
    line-height: 18px;
    padding: 0 19px 18px 19px;
}

.item a {
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    display: block;
    background: rgba(193, 227, 2, 0.42) url(../img/slider-item-play.png) no-repeat 77px 111px;
    opacity: 0;
}

.item:hover a {
    opacity: 1
}

.owl-carousel .owl-wrapper-outer {
    z-index: 1;
}

.owl-theme .owl-controls {
    position: absolute;
    top: 86px;
    width: 100%;
}

.owl-theme .owl-controls .owl-buttons div {
    width: 25px; height: 55px;
    background: none !important;
    border-radius: 0px !important;
    padding: 0 !important;
    opacity: 0.1 !important;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    opacity: 1 !important;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(../img/arrow-left.png) no-repeat !important;
    position: absolute;
    left: -45px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../img/arrow-right.png) no-repeat !important;
    position: absolute;
    right: -45px;
}

@media screen and (max-width: 1300px) {
    .owl-theme .owl-controls {
    	display: none !important;
    }
    .releative .owl-theme .owl-controls {
        display: block !important;
    }
}
/*----------------------- /HEADER -----------------------*/



















/*----------------------- LEFT -----------------------*/
#left {
    position: relative;
    float: left;
    width: 300px;
    padding-bottom: 40px;
}

.left-menu {
    padding-bottom: 30px;
}

.left-menu-title {
    color: #222;
    font-size: 22px;
    font-weight: bold;
    background: url(../img/left-menu.png) no-repeat 35px 35px;
    padding: 34px 0 25px 74px;
}

.left-menu-items {
    padding: 0 0 0 19px;
    font-size: 15px;
}

.left-menu-items li {
    margin: -7px 0;
}

.left-menu-items li a {
    display: block;
    color: #3f3f3f;
    text-decoration: none;
    width: 264px;
    height: 41px;
    border-radius: 15px;
    line-height: 40px;
    text-indent: 39px;
}

.left-menu-items li a span {
    position: relative;
    border-bottom: 1px solid #d5d5d5;
    display: inline-block;
    text-indent: 0;
    height: 27px;
}

.left-menu-items li a span:before {
    content: '';
    position: absolute;
    top: 16px; left: -20px;
    width: 0; height: 0;
    border: 4px solid transparent;
    border-left: 7px solid #cfcfcf;
}

.left-menu-items li a:hover {
    background: #c1e302;
}

.left-menu-items li a:hover span {
    border-bottom: 1px solid #a7c316;
}

.left-menu-items li a:hover span:before {
    border-left: 7px solid #222;
}





.left-comm {
    width: 300px;
    background: #f2f2f2;
    border-radius: 15px;
    padding: 6px 0 28px 0;
}

.left-comm-item {
    position: relative;
    display: block;
    margin: 0 18px 0 32px;
    padding: 24px 0 14px 2px;
    border-bottom: 1px solid #e0e0e0;
    text-decoration: none;
}

.left-comm-ava {
    position: absolute;
    top: 24px; left: 4px;
    width: 39px;
    height: 39px;
    overflow: hidden;
    border-radius: 50%;
}

.left-comm-ava img {
    width: 39px;
    min-height: 39px;
}

.left-comm-name {
    color: #c1c1c1;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0 17px 53px;
}

.left-comm-name b {
    display: block;
    color: #272727;
    font-size: 16px;
    padding-bottom: 2px;
}

.left-comm-text {
    color: #656565;
    font-size: 14px;
    line-height: 17px;
    padding-right: 10px;
}






.left-banner {
    padding: 32px 0 30px 27px;
}






.left-vote {
    padding-bottom: 30px;
}

.left-vote-title {
    color: #222;
    font-size: 22px;
    font-weight: bold;
    background: url(../img/vote.png) no-repeat 35px 9px;
    padding: 7px 0 25px 83px;
}

.left-vote-ques {
    background: #8061ae;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    padding: 15px 30px 16px 36px;
}

.left-vote-ques span {
    display: block;
}

.left-vote-ques a {
    display: inline-block;
    height: 15px;
    color: #c4b5da;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid #9379ba;
}

.left-vote-ques a:hover {
    border-bottom-color: transparent;
}

.vote-items {
    padding: 26px 0 17px 15px;
    color: #606060;
    font-size: 15px;
    line-height: 12px;
}

.vote-items label span {
    display: block;
    width: 206px;
    padding: 0 0 0 23px;
}

.vote-items input[type="radio"] {
    display: none;
}

.vote-items input[type="radio"]:checked + label {
    border-color: #222;
}

.vote-items input[type="radio"]:checked + label:after {
    transform: scale(1.1);
    background: #c1e302;
}

.vote-items label {
    display: block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0 0 12px 20px;
    border: 3px solid #686868;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: .2s;
}

.vote-items label:before {
    content: '';
    position: absolute;
    display: block;
    height: 200%;
    width: 200%;
    top: -50%;
    left: -50%;
    z-index: -1;
    border-radius: 50%;
    transition: .3s;
}

.vote-items label:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    background: #e96d73;
    border-radius: 50%;
    background-size: contain;
    transform: scale(0);
    transition: .2s;
    position: absolute;
    top: 0; left: 0;
}

.vote-items label:active:before {
    background: #ebf0f5;
}

.vote-items .vote {
    white-space: nowrap;
    text-indent: 23px;
}

.vote-items .voteprogress {
    margin: 10px 40px 10px 23px;
    background: #e2e1e1;
}

.vote_votes {
    padding: 0 40px;
    font-weight: bold;
}

.vote-btn {
    width: 126px;
    height: 40px;
    background: #e2e2e2;
    border-radius: 19px;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0 0 34px;
}

.vote-btn:hover {
    background: #c1e302;
}

.vote-res {
    background-color: transparent;
    color: #8f8f8f;
    font-size: 15px;
    font-weight: normal;
    padding: 0 15px;
}

.vote-res:hover {
    background-color: transparent;
    color: #222;
}







.left-soon {
    
}

.left-soon-title {
    color: #222;
    font-size: 22px;
    font-weight: bold;
    background: url(../img/soon.png) no-repeat 35px 20px;
    padding: 20px 0 32px 71px;
}

.left-soon-items {
    padding: 0 0 0 36px;
}

.left-soon-items a {
    position: relative;
    display: block;
    width: 108px;
    height: 149px;
    float: left;
    margin: 0 12px 13px 0;
}

.left-soon-items a img {
    width: 108px;
    min-height: 149px;
}

.left-soon-items a span {
    position: absolute;
    bottom: 152px; left: -26px;
    width: 139px;
    background: #c1e302;
    box-shadow: 2.5px 4.3px 15px rgba(129, 152, 0, 0.29);
    border-radius: 15px;
    padding: 12px 14px 8px 14px;
    line-height: 17px;
    color: #000;
    font-size: 14px;
    text-align: center;
    pointer-events: none;
    opacity: 0;
    -moz-opacity: 0.0;
         opacity: 0.0;
          filter: alpha(opacity=0);
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

.left-soon-items a span:before {
    content: '';
    position: absolute;
    bottom: -20px; left: calc(50% - 11px);
    width: 0; height: 0;
    border: 10px solid transparent;
    border-top-color: #c1e302;
}

.left-soon-items a:hover span {
    opacity: 1;
    -moz-opacity: 1.0;
         opacity: 1.0;
          filter: alpha(opacity=100);
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.left-soon-items a:hover img {
    opacity: 0.7;
}
/*----------------------- /LEFT -----------------------*/










#right {
    margin-left: 300px;
    padding-bottom: 10px;
}

.short {
    position: relative;
    padding: 35px 39px 16px 337px;
    line-height: 17px;
}

.short-title {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 33px;
    padding-bottom: 12px;
}

.short-title h3 {
    font-size: 28px;
}

.short-title a {
    text-decoration: none;
    color: #000;
}

.short-img {
    position: absolute;
    top: 42px; left: 39px;
    hwidth: 265px;
    height: 365px;
    overflow: hidden;
}

.short-img img {
    width: 266px;
}

.short-items {
    font-size: 15px;
    color: #4d4d4d;
    padding-bottom: 22px;
}

.short-items li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 10px 0 10px 1px;
}

.short-text {
    min-height: 86px;
    padding-bottom: 15px;
}

.short-bottom {
    position: relative;
    height: 51px;
    background: rgba(242, 242, 242, 0.67);
    border-radius: 15px;
}

.short-link {
    position: absolute;
    top: 0; right: 0;
    display: block;
    width: 141px;
    height: 51px;
    background: #add200;
    border-radius: 15px;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 52px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.short-link:hover {
    background: #83ae1b;
}

.short-rate {
    overflow: hidden;
    float: left;
}

.short-rate a {
    position: relative;
    display: inline-block;
    float: left;
    height: 51px;
    border-right: 1px solid rgba(0, 0, 0, 0.11);
    color: #000;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    line-height: 54px;
    padding: 0 20px 0 21px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.short-rate a:hover {
    background: #eaeaea;
}

.short-rate a img {
    position: relative;
    top: 5px;
    margin-right: 11px;
}

.short-rate a:last-child {
    padding: 0 19px 0 19px;
    border-radius: 0;
}

.short-rate a:last-child img {
    position: relative;
    top: 7px;
    margin-right: 14px;
}










.full {
    position: relative;
    padding: 35px 39px 16px 39px;
    line-height: 17px;
}

.full-img {
    position: relative;
    top: 7px; left: 0px;
    width: 265px;
    height: 365px;
    overflow: hidden;
    float: left;
    margin-right: 34px;
    margin-bottom: 34px;
}

.full-img img {
    width: 265px;
}

.full-title {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 33px;
    padding-bottom: 12px;
    margin-left: 297px;
}

.full-title h3 {
    font-size: 28px;
}

.full-title a {
    text-decoration: none;
    color: #000;
}

.full-items {
    font-size: 15px;
    color: #4d4d4d;
    padding-bottom: 22px;
    float: left;
    width: 523px;
}

.full-items li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 10px 0 10px 1px;
}

















.page-nav {
    position: relative;
    height: 55px;
    border-top: 1px solid #efefef;
    margin-top: 34px;
    padding: 34px 0 0 38px;
}

.navigation {
    font-size: 20px;
    font-weight: bold;
}

.navigation span {
    color: #FFF;
    display: inline-block;
    min-width: 11px;
    height: 35px;
    border-radius: 30px;
    background: #add200;
    line-height: 36px;
    text-align: center;
    padding: 0 12px 0 12px;
}

.navigation span.nav_ext {
    background: none;
    color: #2c2c2c;
}

.navigation a {
    text-decoration: none;
    color: #2c2c2c;
    display: inline-block;
    min-width: 11px;
    height: 36px;
    line-height: 35px;
    border-radius: 30px;
    background: rgba(230, 230, 230, 0.4);
    text-align: center;
    padding: 0 12px 0 12px;
}

.navigation a:hover {
    color: #FFF;
    background: #8061ae;
}

.nextprev {
    position: absolute;
    top: 34px; right: 41px;
}

.nextprev span .pprev {
    display: inline-block;
    width: 59px;
    height: 35px;
    background: #f0f0f0 url(../img/nav.png) no-repeat;
    border-radius: 18px;
    margin-left: 4px;
}

.nextprev a .pprev {
    display: inline-block;
    width: 59px;
    height: 35px;
    background: #eaeaea url(../img/nav.png) no-repeat 0 -35px;
    border-radius: 18px;
    margin-left: 4px;
}

.nextprev a:hover .pprev {
    background: #8061ae url(../img/nav.png) no-repeat 0 -70px;
}

.nextprev span .pnext {
    display: inline-block;
    width: 59px;
    height: 35px;
    background: #f0f0f0 url(../img/nav.png) no-repeat -59px 0;
    border-radius: 18px;
    margin-left: 4px;
}

.nextprev a .pnext {
    display: inline-block;
    width: 59px;
    height: 35px;
    background: #eaeaea url(../img/nav.png) no-repeat -59px -35px;
    border-radius: 18px;
    margin-left: 4px;
}

.nextprev a:hover .pnext {
    background: #8061ae url(../img/nav.png) no-repeat -59px -70px;
}











.speedbar {
    height: 44px;
    background: rgba(250, 250, 250, 0.85) url(../img/speedbar.png) no-repeat 39px 29px;
    border-bottom: 1px solid rgba(222, 222, 222, 0.49);
    margin-bottom: -4px;
    font-size: 15px;
    font-weight: bold;
    color: #5e5e5e;
    padding: 34px 0 0 75px;
}

.speedbar a {
    text-decoration: none;
    color: #a5a5a5;
}

.speedbar a:hover {
    color: #5e5e5e;
}








.ya-share2 {
    position: relative;
    top: 13px; left: 17px;
    float: left;
}





.releative {
    position: relative;
    left: 0;
    height: 271px;
    background: #202020;
    margin: 18px 0 35px 0;
}

.releative-title {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    background:  url(../img/releative.png) no-repeat 37px 26px;
    padding: 31px 0 32px 85px;
}

.releative-slider {
    width: 833px;
    margin-left: 39px;
}

#releative-slider {
    margin: 0 0 0 0px;
}

.releative .item {
    display: block;
    width: 108px;
    height: 149px;
    overflow: hidden;
}

.releative .item img {
    width: 108px;
    min-height: 149px;
}

.releative .owl-theme .owl-controls {
    top: -77px; right: 51px;
    width: 46px;
}

.releative .owl-theme .owl-controls .owl-buttons div.owl-prev,
.releative .owl-theme .owl-controls .owl-buttons div.owl-next {
    width: 59px;
    height: 35px;
    background: #f0f0f0 !important;
    opacity: 1 !important;
    border-radius: 17px !important;
}

.releative .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.releative .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    background-color: #add200 !important;
}

.releative .owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: #f0f0f0 url(../img/nav.png) no-repeat 0 -35px !important;
}

.releative .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: #f0f0f0 url(../img/nav.png) no-repeat -59px -35px !important;
}








.full-info {
    width: 740px;
    background: rgba(110, 33, 223, 0.11) url(../img/info.png) no-repeat 39px 31px;
    border-radius: 15px;
    min-height: 48px;
    color: #8061ae;
    font-size: 16px;
    line-height: 24px;
    padding: 26px 0 25px 82px;
    margin: 30px 0 33px 39px;
}

.full-info a {
    color: #8061ae;
}











.full-comm {
    background-color: #fafafa;
    box-shadow: 0 -1px 0 #e6e6e6;
    padding-bottom: 30px;
}

.full-comm-title {
    color: #111;
    font-size: 24px;
    font-weight: bold;
    padding: 40px 0 20px 38px;
}

.full-comm-title b {
    position: relative;
    top: -11px; left: -1px;
    display: inline-block;
    color: #a1bd01;
    font-size: 18px;
}

.comm {
    padding: 20px 39px 13px 39px;
}

.comm1 {
    position: relative;
}

.comm-ava {
    position: absolute;
    left: 7px; top: 0;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
}

.comm-ava img {
    width: 36px;
    min-height: 36px;
}

.comm-info {
    color: #c1c1c1;
    font-size: 12px;
    font-weight: bold;
    margin-left: 54px;
}

.comm-info b {
    display: block;
    color: #8061ae;
    font-size: 17px;
    padding: 2px 0 2px 0;
}

.comm-info b a {
    color: #8061ae;
    text-decoration: none;
}

.comm-info b a:hover {
    text-decoration: underline;
}

.comm-text {
    margin: 17px 0 0 0;
    padding: 19px 24px 21px 23px;
    background: #FFF;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.05);
    color: #111;
    font-size: 14px;
    line-height: 18px;
}

.comm-btns {
    position: absolute;
    top: 12px; right: 1px;
}

.comm-btns li {
    display: inline-block;
}

.comm-btns li:hover {
    opacity: .6;
}

.comm-btns .del a {
    display: inline-block;
    width: 17px;
    height: 23px;
    background: url(../img/comm.png) no-repeat;
}

.comm-btns .edt a {
    display: block;
    width: 22px;
    height: 23px;
    background: url(../img/comm.png) no-repeat -31px 0;
    margin-left: 10px;
}

.comm-btns .err a {
    display: block;
    width: 21px;
    height: 23px;
    background: url(../img/comm.png) no-repeat -69px 0;
    margin-left: 12px;
}

.comm-btns .quo a {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../img/comm.png) no-repeat right 0;
    margin-left: 12px;
}

.comm-btns .mass {
    position: relative;
    top: -7px;
    padding-left: 10px;
}

.mass_comments_action {
    text-align: right;
    padding: 10px 40px 0 0;
}









.addcomment {
    padding: 0 38px;
}

.gray-theme.fr-toolbar.fr-top {
    display: inline-block;
    width: 100%;
    box-shadow: none !important;
    border-radius: 11px 11px 0 0 !important;
}

.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper {
    box-shadow: none !important;
    background-color: transparent !important;
    border-radius: 0 0 11px 11px !important;
    background-color: #fafafa !important;
}

.gray-theme.fr-toolbar {
    border: 0 !important;
    background-image: linear-gradient(to bottom, #FFF 0%, #FFF 100%) !important;
}

.fr-box {
    background-color: #fafafa;
    border: 1px solid gainsboro;
    border-radius: 10px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.07);
}

.fr-view {
    background-color: #fafafa !important;
    border-top: 1px solid #dcdcdc !important;
}

.ui-form input {
    height: 41px;
    background-color: #fafafa;
    border: 1px solid gainsboro;
    border-radius: 5px;
    box-shadow: inset 1px 1.7px 5px rgba(0, 0, 0, 0.08);
    margin: 0 0 14px 0;
}

.ui-form input:focus {
    border: 1px solid #8061ae;
}

.box_in h3 {
    color: #111;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 28px;
}

.gray-theme.fr-box .fr-counter {
    border-radius: 0 0 11px 0 !important;
}








.avatar {
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.avatar img {
    width: 50px;
    min-height: 50px;
}

.pr-links {
    float: right;
    margin-left: 14px;
}

.tabss-content {
    line-height: 24px;
}







/*----------------------- FOOTER -----------------------*/
#footer {
    position: relative;
    height: 119px;
    margin-top: -119px;
    background: #f4f4f4 url(../img/footer.png) repeat-x;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.footer-copy {
    position: absolute;
    top: 33px; left: 35px;
    width: 290px;
    color: #b9b9b9;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

.footer-copy b {
    display: block;
    color: #262626;
    font-size: 15px;
    margin-bottom: 9px;
}

.footer-copy b a { color: #262626; }

.footer16 {
    position: absolute;
    top: 39px; right: 41px;
    width: 48px;
    height: 48px;
    background: #add200;
    border-radius: 50%;
    color: #303030;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    text-indent: 3px;
}

.developers-copy {
    position: absolute;
    top: 47px; right: 112px;
    display: block;
    overflow: hidden;
    width: 38px;
    height: 32px;
    line-height: 200px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzhweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIxMTYuMyAyLjYzNiA2MjEuOTc4IDU0Ni40NDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTE2LjMgMi42MzYgNjIxLjk3OCA1NDYuNDQ2Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNjNGM0YzQiIGQ9Ik03MzguMjc4LDU0Ny41MDFjLTg0LjkyLDAtMTY4LjgzNywwLTI1My41MiwwYzQuOTY2LTYuODcxLDkuNTc1LTEzLjA2MiwxMy45NjQtMTkuNDQNCgljMTEuMTIzLTE2LjE3NSwyMC41MTItMzMuMTk5LDI2LjI3Ny01Mi4wNzhjOS43OTctMzIuMDc3LDQuNTU4LTYxLjU1MS0xNy43MjItODYuMzgzYy0xMy4wNzktMTQuNTkzLTI4Ljc0My0yNi45NzUtNDMuODgtMzkuNjExDQoJYy0xNC4zMjEtMTEuOTQtMzAuMDM2LTIyLjI2My00NC4xNjktMzQuNDA3Yy0xOC41NTYtMTUuOTUzLTE4LjA5Ni0zMC40NjEsMS44NTQtNDQuNTk1YzEyLjA5My04LjU1NSwyNS42MTQtMTUuNTc5LDM5LjI4OC0yMS4zOTYNCgljMjkuNTc3LTEyLjY1NCw2MC43MTgtMjAuNjgyLDkyLjg2My0yNy44NTlDNjE0Ljc1LDMzMC4wNTUsNjc2LjMxOCw0MzguNDYzLDczOC4yNzgsNTQ3LjUwMXogTTI1Ny45MjQsMjk0LjQ1Nw0KCWM3LjIxMSwyMC44MTgsMjIuMDA4LDM0LjM3MywzOC40NTUsNDUuODM2YzE2LjMyOCwxMS4zNzgsMzMuOTQ4LDIwLjkzNyw1MC44MzcsMzEuNTE2YzcuODkyLDQuOTMyLDE2LjE3NCw5LjU3NSwyMi45NjEsMTUuNzY2DQoJYzE1LjE3MSwxMy44OTUsMTcuOTQzLDMxLjkwNyw4Ljg3OCw1MC40NDVjLTguMjY2LDE2Ljg4OS0yMS42NjgsMjkuMTY5LTM2LjU4NCwzOS45NTJjLTMwLjEyMSwyMS43MTktNjQuMDE4LDM1LjQ3OC05OS4yMjQsNDYuMzEyDQoJYy00MC45NzIsMTIuNjM3LTgyLjk2NCwyMC4xNzEtMTI2Ljk0NywyNC43OTdDMTYzLjcwMSw0NjMuODczLDIxMC41OTIsMzc5LjU0OCwyNTcuOTI0LDI5NC40NTd6IE0yOTIuMzMxLDIzOS4wOA0KCWM0NC45NTItNzkuMDg3LDg5LjMyNS0xNTcuMTUzLDEzNC4zNzktMjM2LjQ0NGMyNC4yMzYsNDIuMjgyLDQ3Ljg5NCw4My41OTQsNzIuMDc5LDEyNS43NzMNCgljLTUuMzkxLDMuODk1LTEwLjIzOSw4LjMzNC0xNS44NjgsMTEuMjkzYy0yMi44NDIsMTEuOTU3LTQ1Ljg4NywyMy42MDctNjkuMDAxLDM1LjEwNGMtMzAuNjgyLDE1LjI5LTYxLjYwMywzMC4wMzYtOTIuMTQ5LDQ1LjU4MQ0KCUMzMTEuODU2LDIyNS40NzMsMzAyLjgyNSwyMzIuMzYyLDI5Mi4zMzEsMjM5LjA4eiIvPg0KPC9zdmc+) no-repeat;
}

.counts {
    position: absolute;
    top: 48px; right: 181px;
}

.counts li {
    float: left;
    margin-left: 12px;
    opacity: .33;
}

.counts li:hover {
    opacity: 1;
}
/*----------------------- /FOOTER -----------------------*/























a, button,
#header,
.counts li,
.header-search,
.header-search:before,
.header-search b,
.header-search-open input,
.alphabet, .alphabet span,
.alphabet:before,
.profile, .profile-drop,
.profile b:before,
.authorization, .authorization:before,
.authorization:after,
.authorization-form,
.authorization-form button,
.owl-theme .owl-controls .owl-buttons div,
.left-menu-items li a span,
.left-menu-items li a span:before,
.left-soon-items a span,
.left-soon-items a img,
.comm-btns li
{
    -webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
		    transition: all 0.3s ease;
}

#playlist select {
	width: auto;
	color: #000;}

input[type="button1"] {
      background: url('/uploads/frame.jpeg') no-repeat top;
      width: 500px;
      height: 300px;      
}

.mov-edit {display:inline-block; font-size:24px; position:absolute; right:10px; top:5px; color:#FFF;}
.mov-edit i {color:#fac905;}

.mov-editt {display:inline-block; font-size:24px; position:absolute; left:10px; top:5px; color:#FFF;}
.mov-editt i {color:#fac905;}

/* IMG radius */
.b-img-radius {
  border: 1px solid #000;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}




/*----------плеер-------------*/
/* Базовый контейнер табов */
.tabs {
	min-width: 320px;
	max-width: 800px;
	padding: 0px;
	margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	color: #aaa;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	background: #f1f1f1;
	border-radius: 3px 3px 0 0;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}
.tabs>label[for*="1"]:before {
	content: "\f130";
}
.tabs>label[for*="2"]:before {
	content: "\f130";
}
.tabs>label[for*="3"]:before {
	content: "\f130";
}
.tabs>label[for*="4"]:before {
	content: "\f130";
}
/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
	color: #888;
	cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
	color: #555;
	border-top: 1px solid #009933;
	border-bottom: 1px solid #fff;
	background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 

/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}
/*-------------/плеер------------*/

a1 {
  text-decoration: none;
  outline: none;
  display: inline-block;
  width: 140px;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  margin: 10px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 600;
  color: #524f4e;
  background: white;
  box-shadow: 0 8px 15px rgba(0,0,0,.1);
  transition: .3s;
}
a1:hover {
  background: #2EE59D;
  box-shadow: 0 15px 20px rgba(46,229,157,.4);
  color: white;
  transform: translateY(-7px);
}

/* SUPPORT BOX
----------------------------------------------- */
.support-box
{
    background-color: #fff;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
}
.support-box {
    background: #2b62d1 url(../images/support.png);
    padding: 30px 60px;
    text-align: center;
    border-radius: 15px; 
    color: #fff;
}

.sb-title {
    font-size: 28px;
    margin-bottom: 15px;
}

.sb-box {
    display: flex;
    align-items: center;
}

.sb-info {
    flex: 1;
}

.sb-capt a {
    text-decoration: underline;
    color: #fff;
}

.sb-capt a:hover {
    text-decoration: none;
}

.sb-progress {
    margin: 15px 0;
    height: 20px;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.sb-progress-in {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30%;
    background-color: #ffbd00;
    border-radius: 10px;
}

.sb-submit {
    background-color: #ff505f;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
}

.sb-submit:hover {
    background-color: #fff;
    color: #222;
    box-shadow: inset 0 0 0 5px #ff505f;
}
@media screen and (max-width: 1220px) {
    .support-box {
        padding: 15px 10px;
    }
    .sb-box {
        display: block;
    }
}  
/* -----------------SIDEBARS--------------------------------- */
.nav-box {margin-bottom:20px; background-color:#2a6c9c; overflow:hidden;}
.nav-box-title {padding:10px; margin-bottom:10px; color:#fff; text-transform:uppercase; font-weight:700;}
.side-box {margin-bottom:20px;}
.side-bt {padding:10px; margin-bottom:10px; text-transform:uppercase; text-align:center; font-weight:700;}
.dark .side-bt {background-color:#2a6c9c; color:#FFF;}
.green {border:3px solid #8bb917;}
.green .side-bt {background-color:#8bb917; color:#FFF;}
.yellow {border:3px solid #fac905;}
.yellow .side-bt {background-color:#fac905; color:#000;}
.side-bc {padding:10px;}

input[type="textF"] {
	display: inline-block;
	width: 275px; height: 44px;
	line-height: 22px;
	padding: 10px;
	vertical-align: middle;
	border-radius: 2px;
	background: #fff;
	border: 1px solid #d7d7d7;
	-webkit-transition: border 0.2s linear 0s; transition: border 0.2s linear 0s;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* -----------------DownPage--------------------------------- */
.download1{
	padding: 30px;
	text-align: center;
}
.timer1 b{
	padding-right: 24px;
	background: url(data:image/gif;base64,R0lGODlhFAAUAJEDAMzMzLOzs39/f////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgADACwAAAAAFAAUAAACPJyPqcuNItyCUJoQBo0ANIxpXOctYHaQpYkiHfM2cUrCNT0nqr4uudsz/IC5na/2Mh4Hu+HR6YBaplRDAQAh+QQFCgADACwEAAIADAAGAAACFpwdcYupC8BwSogR46xWZHl0l8ZYQwEAIfkEBQoAAwAsCAACAAoACgAAAhccMKl2uHxGCCvO+eTNmishcCCYjWEZFgAh+QQFCgADACwMAAQABgAMAAACFxwweaebhl4K4VE6r61DiOd5SfiN5VAAACH5BAUKAAMALAgACAAKAAoAAAIYnD8AeKqcHIwwhGntEWLkO3CcB4biNEIFACH5BAUKAAMALAQADAAMAAYAAAIWnDSpAHa4GHgohCHbGdbipnBdSHphAQAh+QQFCgADACwCAAgACgAKAAACF5w0qXa4fF6KUoVQ75UaA7Bs3yeNYAkWACH5BAUKAAMALAIABAAGAAwAAAIXnCU2iMfaRghqTmMp1moAoHyfIYIkWAAAOw==) no-repeat 100% 50%;
}
.download1 img{
	vertical-align: middle;
}
.downlink1{
	display: none;
}
.downlink1 a{
	display: block;
	width: 300px;
    line-height: 18px;
    padding: 9px;
	margin: 0 auto;
	text-align: center;
	background: #388E3C url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIUlEQVQImWNwXuDOxMDAwPT//38UmuE/A3l8BiqZA+EDADU7KVH6TsQQAAAAAElFTkSuQmCC) repeat-x 0 0;
	color: #fff;
	text-decoration: none;
	border-radius: 2px;
	border: 1px solid #2E7D32;
}
.downlink1 a:hover{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAHklEQVQImWOw6LNhYmBggGNGRkYIm5EyPiMDVcwBAMLuAXZsjCntAAAAAElFTkSuQmCC);
	background-position: 0 100%;
}
/* -----------------Закладки для гостей--------------------------------- */
.favmod {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 24px;
	opacity: .7;
	background: rgba(0,0,0,.35) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASRJREFUeNpi/P//PwNFAGiAABBvBeJ9QCxJUMPv3797/0PBnz9/5gIpRnymh/79+/cbTMO/f/9+AqlEZDWMQAEZIB0LxG5AtjEjIyMvmiHfgGLngcxdQLyEAWjtqf9EAqDtl5k+f/78j9gA+fr1KwOztLT0F319fUcWFhYuAoHxaeXKlU0gNu/Bgwc7gR78i8c1/06dOjUNqFaACUh8vnfv3safP3++xWP6x0ePHm0CMj+ANDDY2dn9BIYEzvAGyRkaGv4EsZmgJrAzMTGx4NHAAgwhThAbrOjAgQMPhYSEbvLy8io9efLkxM6dO/f/+vXrr5eXl4OcnJzVjx8/np84ceIOWDPUEJBGLSDmBmKQX16B4gyIxYBYGIh/APE1IP4FEGAARUrhqT8VFhQAAAAASUVORK5CYII=) no-repeat 50% 50%;
	border-radius: 50%;
	transition: opacity .2s;
}
	.favmod:hover,
	.favmod.active {
		opacity: 1;
	}
	.favmod.active {
		background-color: #f90;
	}
	.favmod.active:hover {
		opacity: .7;
	}
/* -----------------Кол-во комментов--------------------------------- */
.comments {
position: relative;
display: inline-block;
float: left;
height: 51px;
border-right: 1px solid rgba(0, 0, 0, 0.11);
color: #000;
font-size: 17px;
font-weight: bold;
text-decoration: none;
line-height: 54px;
padding: 0 20px 0 21px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;    
	}
.comments img {
width: 26px;
height: 24px;
position: relative;
top: 7px;
margin-right: 14px;    
	}
/* -----------------Сортировка--------------------------------- */

.sorter {color: #90b23d; background-color:#f4f7eb; border-top:1px solid #90b23d;overflow: hidden; 
padding:10px 40px 10px 60px; font-size:12px;}
.sorter:before {content:attr(data-label); display:inline-block; vertical-align:middle; font-weight:600; margin-right:10px;}
.sorter form, .sorter li {display:inline-block; vertical-align:middle;}
.sorter li {padding:0 5px;}
.sorter a {border-bottom:1px dashed #ccc;}
.sorter a:hover {text-decoration:underline;}
.asc a, .desc a {display:inline-block; vertical-align:middle; background-color:#FFF; border-radius:4px; 
padding:0 10px; border:0; line-height:30px;}
.sort li.asc a:after, .sort li.desc a:after {display:inline-block; vertical-align:middle; 
margin-left:3px; content:""; position:relative; top:2px;}
.sort li.asc a:after {border: solid transparent; height: 0; width: 0; 
border-color: rgba(194, 224, 120, 0); border-top-color: #c2e078; border-width:6px;}
.sort li.desc a:after {border: solid transparent; height: 0; width: 0; top:-4px; 
border-color: rgba(194, 224, 120, 0); border-bottom-color: #c2e078; border-width:6px;}

/* -----------------ajax navigation--------------------------------- */
.bottom-nav {clear: both; padding-top: 60px;}
.nav-load {text-align: center;}
.nav-load a {padding: 0 60px; display: inline-block; height: 60px; line-height: 60px; border-radius: 30px;
font-weight: 700; font-size: 18px; background-color: #add200; color: #fff;}
.nav-load a:hover {background-color: #00a652; color: #fff;}
.nav-load span {display: none;}
.ld {
    position: absolute;
    top: 0;
    left: 703px;
    display:flex;
	justify-content:center;
	align-items:center;
    width: 100px;
    height: 101px;
    border-right: 1px solid #f3f3f3;
}
.ld a{display:flex;width:100%;height:100%;justify-content:center;
	align-items:center;}
.ld svg{fill:#111;}
.ld:hover {
    background-color: #ededed;
}
.rrt{padding:0 20px;}
.header-search{transition:background-color 0s!important;}
.center{display:flex;justify-content:center;align-items:center;}


body.dark{background:#171717;padding:30px 0;height:auto;color:#bfbfbf;}
.dark #substrate{margin:0;background:#373737;}
.dark .header-search:hover input,.dark .header-search,.dark .comm-text{background:#373737;}
.dark #wrapper:before{background:#272727;border-color:#171717;}
.dark .m-2 *{border-color:#171717;}
.dark .m-2 a:hover,.dark .profile:hover,.dark .header-search:hover,.dark .ld:hover {background-color:#474747;}
.dark .left-menu-title,.dark .left-menu-items li a{color:#bfbfbf;}
.dark .speedbar,.dark .full-comm{background:#272727;}
.dark .comm-text{color:#bfbfbf;border-color:#272727;}
.dark .speedbar{border-color:#171717;}
.dark #header{border-color:#171717;}
.dark .profile{color:#bfbfbf;}
.dark .ld svg{fill:#bfbfbf;}
.dark .header-search-open b{background-color:#474747;}
.dark .profile b:before{border-top-color:#bfbfbf;}
.dark .box_in h3{color:#bfbfbf;}
.dark #footer{background:#272727;border-top:1px solid #171717;}
.dark .footer-copy b,.dark .footer-copy b a{color:#bfbfbf;}
.dark .left-menu-items li a:hover{color:#171717;}
.dark .profile-drop{background:#474747;border-color:#373737;}
.dark .profile-drop li a:hover{background:#c1e302;color:#171717;}
.dark .profile-drop li a{color:#bfbfbf;border-color:#373737;}
.dark .profile-drop li{border-color:#373737;}
.dark .short-items{color:#bfbfbf;}
.dark input[type="textF"]{background:#474747;border-color:#272727;}
.dark .short-title a{color:#bfbfbf;}
.dark .page-nav{border-color:#171717;}
.dark .chosen-container-single .chosen-single{background-color:#474747;border-color:#272727;box-shadow: 0 0 0 1px #272727;}
.dark .short-bottom{background:#676767;}
.dark .full-items{color:#bfbfbf;}
.dark .tabs>section{background:#474747;border-color:#272727;}
.dark #oframeplayer{background-color:#474747!important;}
.dark #player_playlist pjsdiv{background-color:#676767!important;}
.dark .tabs>input:checked+label{background-color:#474747;color:#bfbfbf;border-color:#373737;}
.dark .tabs>label{background-color:#373737;border-color:#272727;}
.dark .ui-dialog{background-color:#272727;border-color:#171717;}
.dark .ui-dialog-content{border-color:#171717;}
.dark textarea{background-color:#474747;}
.dark .full-comm{    box-shadow: 0 -1px 0 #171717;}
.dark .full-comm-title{color:#bfbfbf;}
.dark .sorter{background:#575757;border-color:#171717;border-bottom:1px solid #404040;}
.dark .sort > li a{color:#bfbfbf;}
.dark .asc a,.dark .desc a{color:#171717!important;}
.dark .authorization{border-color:#c1e302;color:#bfbfbf;}
.dark .authorization b{border-color:#bfbfbf;}
.dark .authorization:before,.dark .authorization:after{filter: brightness(0) invert(.8);}


@media screen and (max-width:1199px){
.favmod{margin-top:15px;}
.authorization-form{left:inherit;right:15px;position:fixed;top:101px;}
.authorization-form:before{left:75%;}
body.dark{padding:0;}
html, body{min-width:100%;width:100%;}
#substrate{width:100%;margin:0;left:0;}
#wrapper:before,.profile,.profile-drop,#header,#wrapper,#substrate{border-top-right-radius:0px!important;border-radius:0px!important;}
.rrt{padding:0 39px;}
.dark #top-slider{background:#272727;border-color:#171717;}
.dark #left{background-color:#272727;}
.dark #right{background-color:#474747;border-color:#171717;}
.dark .filter-wrap select{background:#474747;border-color:#272727;color:#bfbfbf;}
.full{padding:20px;display:flex;flex-wrap:wrap;}
.full>div{width:100%;}
.full>div:first-child{padding-bottom:20px;}
.full>div.full-img{width:30%;max-width:265px;}
.full-img img{width:100%;height:auto;}
.full-items{width:calc(100% - 299px);}
.releative-slider{width:100%;margin:0;}
.releative .owl-theme .owl-controls{right:70px;}
.left-menu-items li a span:before{top:11px;}
.full-info{max-width:50%;}
}

@media screen and (max-width:1120px){
#right>br,.ggt{display:none;}
#header{height:390px;}
.short-bottom{display:flex;justify-content:space-between;}
.short-link{position:relative;order:3;}
#left{width:100%;float:none;background:#fafafa;padding-bottom:20px;padding-top:20px;}
#right{width:100%;margin-left:0px;position:relative;float:none;padding-top:20px;background:#fff;border-top:1px solid #f3f3f3;}
input[type="textF"]{width:100%;}
.side-bc,.left-menu-items{display:none;}
.filter-wrap select{height:44px!important;border-radius:2px!important;}
.left-menu-title{padding:10px 20px 10px 55px;background-position:20px 50%;}
.side-bt{margin:0;padding:20px;}
.left-banner{padding:0 20px;display:none;}
.left-menu{padding-bottom:0px;}
.left-menu-items{padding-top:20px;display:none;justify-content:flex-start;flex-wrap:wrap;}
.left-menu-items li{display:flex;width:25%;margin:0;transition:all 0s!important;height:30px;}
.left-menu-items li a{width:100%;height:30px!important;line-height:30px;transition:all 0s!important;}
.left-menu-items li a span{transition:all 0s!important;}
.left-menu-items center{width:100%;display:flex;padding:10px 0;justify-content:center;width:100%;}
.short-img,.full-img{height:auto;overflow:none;}
.owl-carousel .owl-item{display:inline-flex;justify-content:center;}
#top-slider{padding:10px 0;border-top:1px solid #f3f3f3;background:#fafafa;top:101px;height:294px;}
.header-search-open{width:40%;}
.header-search input{width:calc(100% - 23px);box-sizing:border-box;}
.speedbar{border-top: 1px solid rgba(222, 222, 222, 0.49);padding: 34px 0 0 55px;background-position:20px 29px;}

}

@media screen and (max-width:1056px){
.authorization-form{top:56px;}
.authorization{top:6px;height:32px;line-height:38px;right:20px;}
.authorization:before,.authorization:after{top:8px;}
.authorization b{height:20px;line-height:20px;bottom:4px;position:relative;}
.left-menu-items li{width:33.3333333333333333%;}
.header-search,.header-contacts,.obshalka,.faq,.fav,.ld{width:50px;height:51px;background-position:50% 50%;}
.profile{height:51px;}
#wrapper:before{width:220px;}
.fav{left:273px;}
.header-search{left:221px;}
.obshalka{left:323px;}
.faq{left:373px;}
.ld{left:423px;}
.header-search:before{transition:.25s;top:50%;left:50%;transform:translate(-50%,-50%);}
.logo{width:162px;left:20px;top:5px;height:40px;background-size:contain;}
.profile{display:flex;justify-content:center;align-items:center;}
.profile b{margin-top:0;}
#top-slider{top:51px;}
.profile-drop{top:50px;}
#header{height:340px;}
.green .side-bt{display:flex;justify-content:center;align-items:center;padding:0 20px;height:44px;}
.side-box{margin-bottom:10px;}
#left{padding-bottom:10px;}
.left-menu-items{padding-bottom:20px;}
.header-search-open{width:40%;}
.header-search-open:before{opacity:0;transition:.25s;}
.header-search input{top:5px;margin:0;}
.header-search b{top:8px;}
}

@media screen and (max-width:800px){
.short .short-bottom{position:absolute;bottom:0;left:20px;width:calc(100% - 40px);}
.short{padding:35px 20px 65px 318px;min-height:440px;}
.short-img{left:20px;}
.header-search-open{width:100%;left:0;top:52px;}
}

@media screen and (max-width:768px){
.short-img{width:30%;max-height:350px;overflow:hidden;}
.short-img img{width:100%;height:auto;}
.short{min-height:auto;padding: 35px 20px 65px 36%;}
.left-menu-items li{width:50%;}
#top-slider .item{width:100%;}
#top-slider .item img{width:100%;}
}

@media screen and (max-width:726px){
.page-nav{display:flex;flex-wrap:wrap;padding:34px 20px;height:auto;}
.nextprev{position:relative;top:0;right:0;display:flex;justify-content:center;padding:15px 0 20px 0;width:100%;}
.rrt{padding:0 20px;}
#header{display:flex;flex-wrap:wrap;}
.profile b{text-indent:-99999px;}
.profile{width:100px;}
.profile b:before{right:-25px;}
.profile-drop{left:inherit;right:0;}
.navigation>*{margin-bottom:5px;}
.counts,.footer-copy{position:relative;top:0;right:0;left:0;}
.counts{padding-top:20px;}
#footer{height:auto;padding:30px 20px 30px;}
.counts li{margin-left:0;float:none;}
}

@media screen and (max-width:605px){
iframe{max-width:100%!important;display:block;overflow-x:auto;}
.sb-info{margin:0;}
.authorization-form{top:106px;}
.ld{position:relative;left:0;}
.m-1{width:100%;display:flex;justify-content:center;align-items:center;line-height:1;height:50px;background:#fafafa;}
.m-1>*{position:relative;top:0;left:0;line-height:1;}
.m-2{position:relative;border-top:1px solid #f3f3f3;width:100%;display:flex;justify-content:flex-start;align-items:center;height:50px;background:#fff;}
.m-2>a,.header-search{position:relative;top:0;left:0;line-height:1;}
.header-search{height:50px;}
#top-slider{position:relative;top:0;height:auto;}
#header{height:auto;}
#left{padding-top:10px;}
#q_search{width:50px;}
.header-search-open{position:absolute;width:100%;left:0;top:52px;}
.left-menu-items li{width:100%;}
.sort{display:flex;flex-wrap:wrap;padding-top:10px;}
.sorter li{display:flex;align-items:center;height:30px;justify-content:center;}
.speedbar{padding: 30px 20px 30px 55px;height:auto;}
.short{padding:35px 20px 65px 20px;}
.short-img{position:relative;top:0;left:0;width:100%;max-width:265px;margin:15px auto;}
.rrt{padding-bottom:30px;}
.full>div.full-img{width:100%;margin-right:0px;max-width:100%;}
.full-img img{max-width:265px;display:block;margin:0 auto;float:none;}
.full-items{width:100%;}
.dark .m-2{background-color:#373737;border-color:#171717;}
.dark .m-1{background-color:#272727;border-color:#171717;}
input[type="button1"]{width:100%!important;background-size:contain!important;border:0px;box-shadow:none;height:200px;}
}

@media screen and (max-width:544px){
.tabs>label{display:block;width:100%;box-sizing:border-box;border-radius:0px;}
}

@media screen and (max-width:490px){
#wrapper:before{display:none!important;}
.short .short-bottom,.short-bottom{position:relative;display:flex;flex-wrap:wrap;width:100%;height:102px;left:0;}
.comments{border-right:0px;}
.short-link{width:100%;border-radius:0 0 15px 15px;}
#player{width:100%!important;}
.ui-dialog{max-width:90%!important;}
#player_playlist{max-height:250px!important;}
.releative-title{font-size:15px;padding-left:65px;background: url(../img/releative.png) no-repeat 17px 26px;}
.owl-theme .owl-controls{zoom:.8;}
.releative .owl-theme .owl-controls{top:-82px;}
}

@media screen and (max-width:394px){
.authorization b{display:none;}
.authorization{width:54px;}
.authorization:before,.authorization:after{right:18px;}
}

@media screen and (max-width:360px){
#top-slider .item,#top-slider .item img{width:180px;}
}






/**Showstat**/
.base-stat { display: none; }

.queries {
    display: none;
    text-align: left;
    max-height: 450px;
    overflow: auto;
    margin-top: 10px;
}

.queries p { padding: 5px; border-top: solid 1px #ddd; }

.queries p:hover { background: #ddd; }

.showstat {
    position: fixed;
    bottom: 10px;
    left: 10px;
    margin-right: 10px;
    background: #ffffff;
    background: -webkit-linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    background: -moz-linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    color: #323232;
    padding: 20px;
    text-align: left;
    border: solid 1px #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 0 #fff;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.showstat p { margin: 0; }

#queries-stat, 
#clearbutton, 
#showstat-but, 
#log-link {
    display: inline-block;
    padding: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuVJREFUeNqMU0tIVFEY/s655955+RihsnRkVHotCknBRWEhGqUggSFEGyOiVu2iyCBoEeWmRaGQ4CJatUgJDaKIitTURk1NE0sdH6Q4jjOSOo87c2//uSYJuejCx+Wc8z++//vOYU+et8EwjCLTNOsN0yiDiX8/BnDG3zLGbnDO+za3TToQlPxYVdXLud5cZKS7YXc4QMX+5jKGaCSC0Eq4zD/t9+m63sQ4v2JCQZKpYM3PWs0jBYWyHIgBzG0YsA0GFpOBoQEwRWMJ7kBl8C647JaXkwW3OxWcM4oxqNgW0JpoI92dhlyvBwlTgc4cqAjeQ5w5IRgldfv6sDc/F1m7d8JptxMZ0xqDWcNzRGNJhH5F8al/DDp3oUomczsMJqgA8ZPB/uk5aKoNms0GO8HldCISjSEaTyAZ9mPXQB0OcBtBIK7YqLpizSZkF4W6CEWBonALkrJhmOC0xymOR35CSWPIPn0GUjxG4k20tqNnPHSbh5aDL0fHxrEQCGB1bc1K3gpGHVnoO+yZHoiMCuiB1wj42pA0kusXHnQ2CFXVYudravBjcgrz84uYmZ6GEBoUoVgs4qaAZ3kMrkOF0OefQo+5EPYH8ap/8dpIQ/mycKWkVPu+DFoi5ud74ZAi/rGTSetUwN83DFdmERJrYcRWBfRIHKcKdjRSRKOQQieTSUxOzcKmaZaINs2+IWI8jqjO4TCjmGxvh0YXzXP0MDIL9mGucxSTw7PvLectNaWApJicW4oqnVFoX0EC4aouLDgqke7NoVgnvrV04PPH8aYTN7su8VAw2LIUXMJqZJ2EMaAKFUIlf4Ww/go5gdgK9hgdSN9/EONt7/Chd+ZWdf3AneGG0glqD++52oslJaXlVx1OZ7HsvPkWTHlHyPvs0BvkGd201lDXPFL5onepZ+jR8WVGjJl8jbVnq5wU7yGkbvMWMXQ/zxflrlDx9a8naTk8+PBYnNFFkgX+9ysiFGx38FuAAQBygywrLfBIegAAAABJRU5ErkJggg==') no-repeat 50% 50%;
}

#showstat-but {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAp5JREFUeNpkU01IVFEU/t6972fG1JHGrLBso2WRSAshonIjFrZQ27QoEQza6K6gXYS0KKhWuijIjbZw0xhRoEagUhRWUIJSWuL4A44OzDjhjOO89zrnzjwZ68Jh5pzvO+d857x7NfxzSq+Fem3b7XBd1+eSr7FpWkpKrW99oLUzn0schauzr22o0dC04ca6cpyrKUMw4CMGJwPr8RQmpiIYmVzGtuteWOtvGdlVgJP3B6zhW1dqEEvZeDcTxczKH2xuOQj4JY4dLER99V6U+CQeDk5hNb6linABwQV06tzdfgqf5hN4Nr6EudUkuluqsPS4Hjap+L2WRN/EssKZx3xPuc4zd1ysxNivOL6E4yj060hnHAiRnc5nSewxpfrPuGkKMP+JE+qlUKdwHOd6+YEAvi4kiGjAZ+jK7r2ex8k7H+E3dVjk8y/jzGM+52XVQ7PC8TT8hlBdaSxkSPf3u6dV17P3P8OUWhYj33BcMJ/zGBe85XgqA8vSYRoSBhtJHpyMqAJCl9BzccaZx3wt9/1YAQVski1Ud2pAi3OhS7VfmLpQJnM7yTa0WYFXwE07tmNaNB/NlS1AoJdg5jp7vhACmQwpoDzlO6no0MpKDAW0bR+TVUdtRyLPSLdQxRlnHvM5D7mbWlF69cVCU8MJFBVZ2KZP2FQdQHNtcOfKtg/MqmSDiiQSW3jzdhrrzy8foYsU1gkPZxbfd42OyZ5LDcdRTEVG5xJ4NR1Tl4iao9hv0BgCG5Q8OvYDzOc8TwGf4pLzN9vkoTM9dbWHcbSyDEUFJrzHlNhM4+dcBJPfFmEvfeiKjT/qp/DGrsfERciqgq1Pb2v+YDMt0/QA2l/aTUZfRkM3HpA7y8n/vca8U0HGCxB5MYcs6snOf85/BRgAU2QTxLlxCL0AAAAASUVORK5CYII=') no-repeat 50% 50%;
}
#clearbutton {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnBJREFUeNqEk8tPE1EUxr+5dzqdvoQytqIEXQgLY3TVrRvCwsQ/ABNTJLoClxIQmEqIXUHQsDTBYmAjMXEBEQ0Jid2IIsOjGtBNWUJSGiO06bRl5nrvBBqpBE5yMq/7+74z594jj46OojosYqNpW3OuImzbhlW23jCbtUlEmqYuepcQAkWWIeOMEHCxUGLRwXYwy4JEadvU0GSbW1UkQZNTYesQHupAZvYbMnMryMwsITp4n78vMsbFyamwyeFnD5B9b4AoCihPibpQMosQFVkH1sKJAsxiYhGLxh9i78OaA1KXDEooam7fwO7sV0AiKBRLLeSkfxbwnZEOpD+tcFAB4a4EFN6WaxxegudcAHAr2DNz83I1bJom637cjS/LBmwNUPYBrUBBb11Fljt7/H74/AFM6ePoetnbWRGweIcF3NPbi5XVdahuN5gEbGk2LjQ2YXdmEZ5AAD6e0wuf0T72KPL2yXia/Av39fVjY2MTHl6eytNFKa43N+PXosGdA46zgKPPOwVsCFY+KntA17G5+RNu7nwkeuVyI9bWU6htCuOPFsTc8AyiY10VWAQpl8s/YrEY0uktB1Z4x2V+whoaLmEt9R3B2jqENA2TkxO4VwU7FRRNsz6TzUL1qLAZ43t7AK0myJ0FHEQopOH1RAJP9VjkXU/CsGAf2zWaTCY/UkI6W1tbIU6W1+vF+pFz6LwD67oeGX4xYtTlvLyx7JiAvL2zk7pYXx/hZS8PxHQsG6sIh8IIBmsxkXjlwHzg/nOuCIgm5vJ5w+/zRVRVnaOUhsWHfD4/H4/H+wV82rxIVc83eboO73/zTJ81rX8FGADNWyJwdIxv8QAAAABJRU5ErkJggg==') no-repeat 50% 50%;
    }
#log-link {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjJJREFUeNqUU01oU0EQ/va9tekp5JaL9JDepIIFQYoHFQ9Spfhz8uKhxhIFj4KX2kPNRQgKaSMFGy+eLWJatBGRCP5U0lJJIhWbkNJ6kAoGkpDk/ew6u++JpQZp5zG8mdn9Zubb2eXnH6CrSOkbTDmAI/A8HMKI43q+ivcFAd4N6AoN0ClMA8ygzbaLkYnhONq2BUEr3OSIv5iAsRtMQLQsyKkrt6BU2ZYDvLqNo5cfjcOWNbz9MglL/NSdGLvBbQKkRq8h9zWB3FoCqdGoTnJ8EvnZsav4WE7CPED7eQ2M+RR2gpPRS3i/PguzhxYo9mE9jWT0gi6yVH4M3gs8zAJDA9uKHvhO8P2xk1iqzMEg8MyC11nsLLC88UzbKj49T/6kxNBdhoCNLDuX8Dgnrh/BSnVVt5V6Cry+4Y3h9AzDzYtesqk5IBvrwJFNrJW+4dTwsX6cuQeZr/XJ9GfIdAFycJwYtaVs1m2tsiPl4B1oVfFG3ZJKFjIv5ZvFd0SBMrv8B1iAKjwBFmMtbHzforG1dVVuBjAf3dZ2dWuT6HZgmiZcaaEt6uBZGk/T6uSJBlbiEsIGgiJM5YR/j+hjhj+poP4HentQKBb0Hp7Lflq2HRsDhw+hWt7UlYUP7iaMDonzv/ePt9xfUAnCB0PkhrBXKRaLXgIhXSitVCpwHIfakv8F/tPBn2AkEsF+pFQqeQkUuNFo5DKZzAkhxJ7AhmGoonWFZX6sf18H4Il62Ku/BRgAl3Uh7iazc3QAAAAASUVORK5CYII=') no-repeat 50% 50%;
    }
#queries-stat:hover, 
#clearbutton:hover, 
#showstat-but:hover, 
#log-link:hover,
#queries-stat.active, 
#clearbutton.active, 
#showstat-but.active, 
#log-link.active {
    background-color: #FFF;
    padding: 4px;
    border: solid 1px #bbb;
    border-radius: 4px;
    }
#cache-info {
    display: block;
    }
/**Showstat**/