@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=latin,cyrillic);

body {
    margin: 0px;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    font-family: Tahoma;
    background: #ECECEC;
    color: #71706e;
}

input, textarea, select, checkbox {
    outline: none;
}

textarea, input, button, select {
    font-family: Tahoma;
}

nav, header, footer, section {
    float: left;
    width: 100%;
    position: relative;
}

menu, menu li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

menu li a, menu li span {
    display: block;
}

button {
    cursor: pointer
}

.fl {
    float: left !important;
}

.wrapper {
    width: 1220px;
    display: inline-block;
    text-align: left;
    position: relative;
}

ul, ol {
    list-style-position: inside;
}

a {
    color: #292524;
}

header *, footer *, ul, li, #SForm, button, body > *, .caruselNav *, .pagination * {
    transition: all 0.3s linear;
}

input[type="text"], input[type="password"], select, textarea {
    width: 380px;
    font-size: 12px;
    height: 32px;
    border: 1px #cccccc solid;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 5px;
}

textarea {
    height: 100px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}

h2 {
    font-size: 19px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 17px;
}

h5, h6 {
    font-size: 16px;
}

.statics h1 {
    margin-bottom: 10px;
}

.fullstory h2, .fullstory h3, .fullstory h4, .fullstory h5, .fullstory h6 {
    margin: 10px 0px -10px;
}

::selection {
    color: #fff;
    background: #a6ce39;
}

::-moz-selection {
    color: #fff;
    background: #a6ce39;
}

.link {
    cursor: pointer;
}

input {
    transition: 0.3s;
}

input[type="text"] {
    width: 380px;
    height: 32px;
    background: #fff;
    border: 1px #ccc solid;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 5px;
}

label.input {
    width: 390px;
    display: block;
    background: #eee;
    border: 1px #ccc solid;
    border-radius: 5px;
    float: left;
}

label.input i {
    margin-left: 13px;
    font-size: 16px;
    position: relative;
    bottom: -8px;
}

label.input input {
    border: none;
    font-size: 12px;
    height: 32px;
    border-radius: 0;
    padding: 0 0 0 5px;
    border-radius: 0 5px 5px 0;
    position: relative;
    width: 345px;
    float: right;
    border-left: 1px #ccc solid;
}

label.input textarea {
    border: none;
    font-size: 12px;
    border-radius: 0 5px 5px 0;
    padding: 5px 0 0 5px;
    max-width: 345px;
    min-width: 345px;
    float: right;
    border: none;
    border-left: 1px #ccc solid;
}

textarea {
    font-size: 12px;
}

input:focus, textarea:focus {
    box-shadow: 0 0 5px #83BAE6 !important;
    border: solid 1px #5FAEEF;
}

.wrapper > div {
    float: left;
    width: 100%;
    background: #fffefb;
}

.logo {
    width: 170px;
    height: 50px;
    background: url(../images/logo.png) no-repeat center center / 170px 50px;
    display: block;
    text-indent: -99999px;
    position: absolute;
}

header {
    height: 190px;
    border-top: 3px #a6ce39 solid;
    z-index: 999;
    position: relative;
}

header .nav {
    height: 60px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f6f1dd;
}

header:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e2e6e7;
    position: absolute;
    left: 0;
    top: 33px;
}

header .logo {
    left: 50px;
    top: 55px;
}

header .links {
    float: right;
    font-size: 12px;
    margin: 7px 40px;
}

header .links a {
    color: #7a7f7b;
    text-decoration: none;
}

header .links span {
    display: inline-block;
}

header .links span form {
    height: 0;
    width: 0;
}

header .links.fl i {
    display: none;
}

header .links span ul {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    width: 190px;
    position: absolute;
    left: 5px;
    top: 24px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.98);
    list-style: none;
    border-bottom: 3px solid #a6ce39;
}

header .links span ul.form {
    width: 280px;
    text-align: left;
    position: absolute;
    left: 5px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.98);
    list-style: none;
    border-bottom: 3px solid #a6ce39;
}

header .links span ul.form input {
    width: 268px;
    margin: 5px 0px;
}

header .links span:hover ul {
    max-height: 500px;
    opacity: 1;
}

header .links span:hover ul.form {
    padding: 10px;
}

header .links span ul li {
    display: block;
    width: 100%;
}

header .links span ul li a {
    display: block;
    padding: 3px 8px;
    border-left: solid 5px #FFFFFF;
    text-align: left;
}

header .links span ul li:first-child {
    border-top: none;
}

header .links span ul li a:hover {
    background: #f1eeec;
    border-left: solid 5px #a6ce39;
    color: #a6ce39;
}

header .links span ul li .avatar img {
    width: 60px;
    height: 60px;
    border-radius: 32px;
    margin: 8px 0 5px;
}

header .links span ul li a i.fa {
    display: inline;
    width: 20px;
    text-align: left;
    float: left;
    margin: 3px 0 0 0;
    font-size: 12px;
}

header .nav menu {
    transition: none;
}

header .nav > menu a, header .nav > menu span {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
}

header > .nav > menu > li > span i:before {
    content: "\f015" !important;
    font-size: 25px;
}

header > .nav > menu > li > span i {
    margin: -4px 0px 0px;
}

header .nav > menu {
    display: block;
    height: 60px;
    float: left;
    margin: 0 0 0 40px;
    width: 940px;
    list-style: none;
    padding: 0;
}

header .nav > menu > li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    transition: all 0.1s linear;
}

header .nav > menu > li > a, menu li > span {
    color: #292524;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    padding: 20px 30px;
}

header .nav > menu li:hover {
    background: #a6ce39;
}

header .nav > menu li:hover > a, header .nav > menu li:hover > i, menu > li:hover span {
    color: #fff !important;
}

header .nav > menu > li > i {
    position: absolute;
    right: 15px;
    top: 22px;
    transition: 0.3s;
    color: #000;
}

header .nav > menu > li > i:before {
    content: "\f0d7";
}

header .nav > menu > li > menu {
    position: absolute;
    left: 0;
    top: 60px;
    width: 290px;
    margin-top: 10px;
    display: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

header .nav > menu > li > menu:before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    top: -10px;
}

header .nav > menu > li > menu:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px transparent solid;
    border-bottom: 10px #a6ce39 solid;
    position: absolute;
    top: -20px;
    left: 16px;
}

header .nav > menu > li > menu > li:first-child {
    border-top: 3px #a6ce39 solid;
}

header .nav > menu > li > menu > li {
    padding: 0 20px;
    min-height: 36px;
    display: block;
    background: #fff;
    position: relative;
    z-index: 1;
}

header .nav > menu > li > menu > li:hover {
    z-index: 10;
}

header .nav > menu > li > menu > li > a {
    display: block;
    height: 20px;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 400;
}

header .nav > menu > li > menu > li > span {
    display: block;
    height: 20px;
    padding: 8px 0 !important;
    font-size: 14px;
    text-transform: none;
    color: #292524 !important;
    font-weight: 400;
}

header .nav > menu > li > menu > li > span:hover {
    color: #fff !important;
}

header .nav > menu > li > menu > li > i {
    position: absolute;
    right: 20px;
    top: 12px;
}

header .nav > menu > li > menu > li > i:before {
    content: "\f105";
}

header .nav > menu > li > menu > li > menu {
    position: absolute;
    left: 250px;
    top: -3px;
    width: 250px;
    display: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

header .nav > menu > li > menu > li > menu > li:first-child {
    border-top: 3px #a6ce39 solid;
}

header .nav > menu > li > menu > li > menu > li {
    padding: 0 20px;
    height: 36px;
    display: block;
    background: #fff;
}

header .nav > menu > li > menu > li > menu > li > a {
    display: block;
    height: 20px;
    padding: 8px 0;
    font-size: 14px;
}

header .nav form {
    margin-right: 40px;
    float: right;
    position: relative;
    margin-top: 17px;
}

header .nav form button {
    float: right;
    width: 24px;
    height: 22px !important;
    text-indent: 0;
    color: #FFFFFF;
    padding: 0 !important;
    line-height: 2px;
    font-size: 20px !important;
    background: none !important;
    border: none !important;
}

header .nav form button:hover {
    color: #a6ce39;
    transition: all 0.2s linear 0s;
}

header .nav form button:focus {
    outline: none;
}

header .nav form input {
    float: left;
    border: 1px #ddd8d4 solid;
    height: 24px;
    padding-left: 5px;
    width: 150px;
    margin: 0 10px 0 0;
    border: none;
    border-radius: 2px;
}

main > section {
    padding: 20px 40px 30px 40px;
    width: 1140px;
}

main section h1, .caption {
    font-weight: normal;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    margin: 0;
    display: block;
}

.caption {
    margin-bottom: 15px;
}

#slider .slide {
    float: right;
    width: 600px;
    height: 235px;
    position: relative;
    overflow: hidden;
}

#slider .slide:first-child {
    float: left;
    width: 610px;
    height: 480px;
}

#slider .slide:last-child {
    margin-top: 10px;
}

#slider .slide img {
    width: 600px;
    height: 240px;
    position: absolute;
    left: 0;
    top: 0;
}

#slider .slide:first-child img {
    height: 480px;
    width: 610px;
}

.caruselNav {
    position: absolute;
    right: 40px;
    top: 20px;
    width: 65px;
    height: 30px;
}

.caruselNav span {
    color: #000;
    font-size: 18px;
    cursor: pointer;
    float: right;
    padding-top: 1px;
    width: 30px;
    height: 29px;
    background: #f1edec;
    text-align: center;
}

.caruselNav span.prev {
    float: left;
}

.caruselNav span:hover {
    background: #a6ce39;
    color: #fff !important;
}

.caruselNav span:hover i {
    color: #fff;
}

.pagination {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 0;
    margin: 20px 0;
}

.pagination > span.b {
    color: #000;
    margin-left: 5px;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    padding-top: 1px;
    width: 30px;
    height: 29px;
    background: #f1edec;
    text-align: center;
}

.pagination > span.b:hover {
    background: #a6ce39;
    color: #fff !important;
}

.pagination > span.b:hover i {
    color: #fff;
}

.pagination > a, .pagination > span {
    color: #000;
    text-decoration: none;
    margin-left: 5px;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    padding-top: 1px;
    width: 30px;
    height: 29px;
    text-align: center;
}

.pagination > span {
    color: #a6ce39;
}

.pagination > span.b > a {
    display: block;
    text-align: center;
}

main section.txt {
    font-size: 16px;
}

main section.txt img {
    padding: 3px;
}

main section a:hover, span.link:hover {
    color: #a6ce39;
}

.storyL a, .maincat a {
    transition: all 0.1s linear;
}

.storyL ul, .mwin ul {
    padding: 0 0 0 15px;
    font-size: 15px;
}

.storyL .jq-selectbox__dropdown ul {
    padding: 0px;
}

.storyL ol {
    padding: 0 0 0 30px;
    font-size: 15px;
}

.maincat ul {
    padding: 0px;
    font-size: 15px;
}

.maincat ol {
    padding: 0 0 0 15px;
    font-size: 15px;
}

.storyL ol li, .maincat ol li {
    padding: 5px 0px;
}

.storyL ol li ol li, .maincat ol li ol li {
    margin: 0px 0px 0px -5px;
}

.storyL ul li ul, .storyL ol li ul {
    padding: 0px 0px 0px 5px;
}

.storyL ol li ol {
    padding: 5px 0px 0px 25px;
}

.storyL ul li ol {
    padding: 0px 0px 0px 20px;
}

.storyL ol li ol li:last-child, .maincat ol li ol li:last-child, .storyL ul li ol li:last-child, .maincat ul li ol li:last-child, .storyL ol li ul li:last-child, .maincat ol li ul li:last-child, .storyL ul li ul li:last-child, .maincat ul li ul li:last-child {
    margin-bottom: -20px;
}

.storyL ol li ol li .imagerelative, .storyL ul li ul li .imagerelative, .storyL ul li ol li .imagerelative, .storyL ol li ul li .imagerelative, .storyL ul li .imagerelative, .storyL ol li .imagerelative, .storyL ol li ol li .imagerelativeright, .storyL ul li ul li .imagerelativeright, .storyL ul li ol li .imagerelativeright, .storyL ol li ul li .imagerelativeright, .storyL ul li .imagerelativeright, .storyL ol li .imagerelativeright, .storyL ol li ol li .imagerelativeleft, .storyL ul li ul li .imagerelativeleft, .storyL ul li ol li .imagerelativeleft, .storyL ol li ul li .imagerelativeleft, .storyL ul li .imagerelativeleft, .storyL ol li .imagerelativeleft {
    margin-top: 5px;
}

main section.shortNews {
    background: #fff;
}

main section.shortNews .zoomimage {
    width: 555px;
    overflow: hidden;
    height: 337px;
    margin-bottom: 10px;
}

main section.shortNews .zoomimage .img {
    width: 555px;
    height: 337px;
    transition: 0.5s;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: all .8s ease-in-out;
    margin-bottom: 15px;
    background-color: #F2F2F2;
}

main section.shortNews .zoomimage .img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

main section.shortNews .cut {
    max-width: 1140px;
    height: 410px;
    overflow: hidden;
}

main section.shortNews ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    font-size: 0;
}

main section.shortNews ul li {
    width: 555px;
    height: 410px;
    display: inline-block;
    margin: 0 30px 0 0;
}

main section.shortNews ul li img {
    display: inline-block;
}

main section.shortNews ul li a {
    font-size: 16px;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    max-height: 27px;
    overflow: hidden;
    display: inline-block;
}

main section.shortNews ul li p {
    font-size: 12px;
    margin-top: 10px;
}

.shortstory {
    float: left;
    width: 360px;
    height: 350px;
    margin-right: 30px;
    margin-top: 15px;
}

.shortstory:nth-child(3n+3) {
    margin-right: 0;
}

.shortstory .zoomimage {
    width: 360px;
    overflow: hidden;
    height: 225px;
    margin-bottom: 10px;
}

.shortstory .zoomimage .img {
    width: 360px;
    height: 225px;
    transition: 0.5s;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: all .8s ease-in-out;
}

.shortstory .zoomimage .img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.shortstory a, .shortstory .link {
    font-size: 17px;
    color: #282523;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    max-height: 50px;
    transition: all 0.2s linear 0s;
}

.shortstory p {
    font-size: 12px;
    margin-top: 10px;
}

main section.comAds .comments {
    width: 555px;
    float: left;
    overflow: hidden;
    position: relative;
}

main section.comAds ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

main section.comAds ul li {
    width: 555px;
    height: 270px;
}

main section.comAds ul li .txt {
    margin: 0 0 15px 0;
    position: relative;
    background: #fff;
    max-height: 140px;
    overflow: hidden;
    padding: 20px 20px 20px 50px;
    border-radius: 10px;
}

main section.comAds ul li .txt .quote, main section.comAds ul li .txt .title_spoiler, main section.comAds ul li .txt .text_spoiler {
    border-left: 2px solid #a6ce39;
    font-size: 13px;
}

main section.comAds ul li .txt .fa-quote-left::before {
    margin: 0px 0px 0px -30px;
    font-size: 20px;
    color: #a6ce39;
}

main section.comAds ul li .txt:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 25px;
    width: 100%;
    background: url(../images/white_gradient.png) repeat-x left bottom;
}

main section.comAds ul li .img:after {
    content: "";
    position: absolute;
    left: 25px;
    top: -15px;
    height: 0;
    width: 0;
    border: 10px transparent solid;
    border-top: 10px #fff solid;
}

main section.comAds ul li .img {
    width: 70px;
    height: 70px;
    position: relative;
    margin: 0 10px 0 20px;
    float: left;
}

main section.comAds ul li .img img {
    max-width: 70px;
    max-height: 70px;
    border-radius: 35px;
}

main section.comAds ul li big {
    font-size: 16px;
}

main section.comAds ul li .txt img {
    float: left;
    margin-right: 5px;
    max-width: 100px;
}

main section.comAds .comments .caruselNav {
    right: 0;
    margin: -20px 0px 0px;
}

main section.comAds {
    margin-bottom: 0px;
}

main section.comAds .rsy {
    float: right;
    width: 555px;
    text-align: left;
    margin-top: 50px;
}

main section.categorys ul.staff {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    width: 770px;
    background: #fff;
}

main section.categorys ul.staff > li {
    float: left;
    cursor: pointer;
    font-size: 18px;
    padding: 10px 0 0 20px;
    width: 205px;
    height: 40px;
    margin: 5px 500px 0 0;
    background: #f6f1dd;
}

main section.categorys ul.staff > li:first-child {
    margin-top: 0;
}

main section.categorys ul.staff > li:hover, main section.categorys ul.staff li.open {
    background: #D7D1B8;
    color: #fff;
}

main section.categorys ul.staff > li span.img {
    width: 250px;
    height: 180px;
    float: left;
    margin-right: 10px;
    transition: 0.5s;
    background-position: center center;
    background-size: 100%;
    overflow: hidden;
    animation: 0.3s ease-in 0.3s normal backwards 1 running fadeIn;
    cursor: default;
}

main section.categorys ul.staff > li span.img:hover {
    background-size: 120%;
}

main section.categorys {
    margin-bottom: 30px;
}

main section.categorys ul.staff > li > div {
    z-index: 1;
    display: none;
    background: #fff;
    position: absolute;
    padding-left: 20px;
    left: 225px;
    top: 15px;
    width: 510px;
    height: 300px;
    color: #71706e;
}

main section.categorys ul.staff > li.open > div {
    display: block;
    animation: 0.2s ease-in 0.2s normal backwards 1 running fadeIn;
}

main section.categorys ul.staff > li.open > div > span.link {
    float: right;
    font-size: 15px;
    color: #a6ce39;
    transition: all 0.2s linear 0s;
}

main section.categorys ul.staff > li.open > div > span.link:hover {
    color: #71706E;
}

main section.categorys ul.staff > li > div img {
    float: left;
    width: 250px;
}

main section.categorys ul.staff > li > div p {
    width: 495px;
    height: 210px;
    padding-right: 10px;
    font-size: 14px;
    cursor: text;
    overflow: hidden;
    margin: 0 0 10px 0;
}

main section.categorys ul.staff > li > div big {
    display: block;
    margin: 0 0 10px 0;
    cursor: text;
    font-size: 18px;
}

main section.categorys ul.staff > li > div p:first-child {
    margin-top: 0;
}

main section.categorys ul.baloon {
    font-size: 14px;
    position: absolute;
    left: 525px;
    top: 0;
    width: 345px;
    cursor: text;
    height: 285px;
    overflow: hidden;
}

main section.lastNews {
    background: #fff;
}

main section.lastNews .cut {
    max-width: 1140px;
    height: 220px;
    overflow: hidden;
}

main section.lastNews ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

main section.lastNews ul li {
    float: left;
    width: 560px;
    height: 220px;
    text-align: left;
    font-size: 16px;
    margin-right: 20px;
}

main section.lastNews ul li a {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    margin-top: -3px;
    transition: all 0.2s linear 0s;
    width: 290px;
    max-height: 55px;
    display: inline-block;
    overflow: hidden;
}

main section.lastNews ul li p.date {
    color: #929290;
    display: block;
    margin: 7px 0;
    font-size: 12px;
}

main section.lastNews ul li p {
    margin: 10px 0;
}

main section.lastNews ul li span.link {
    color: #a6ce39;
    transition: all 0.2s linear 0s;
    float: right;
    font-size: 15px;
}

main section.lastNews ul li span.link:hover {
    color: #71706e;
}

main section.lastNews ul li .zoomimage {
    width: 245px;
    height: 170px;
    overflow: hidden;
    margin-right: 20px;
    float: left;
}

main section.lastNews ul li .zoomimage .img {
    width: 245px;
    height: 170px;
    transition: 0.5s;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: all .8s ease-in-out;
}

main section.lastNews ul li .img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

footer {
    background: #f6f1dd;
    height: 345px;
    position: relative;
    font-size: 14px;
    position: relative;
    width: 1140px;
    padding: 40px;
}

footer .logoF {
    background: url(../images/logo.png) no-repeat center center  / 126px 35px;
    width: 126px;
    height: 35px;
    margin: auto;
}

footer .col {
    float: left;
    width: 30%;
    font-size: 16px;
}

footer .col:first-child {
    margin: 0 50px 0 0;
}

footer .col:nth-child(3n) {
    margin: 0 0 0 50px;
    float: right;
}

footer .info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

footer .info ul li {
    font-size: 16px;
    padding: 5px 0;
    border-top: 1px #d3cfce solid;
}

footer .info ul li:first-child {
    border: none;
}

footer .info ul li a {
    text-decoration: none;
    transition: 0.3s;
    color: #71706e;
}

footer .info ul li a:hover {
    color: #a6ce39;
}

footer .contacts ul.ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .contacts ul.ul li {
    position: relative;
    padding: 2px 0 2px 0;
    margin-bottom: 10px;
}

footer .contacts ul.ul li i {
    color: #000;
    width: 20px;
}

footer ul.socials {
    width: 100%;
    height: 40px;
    list-style: none;
    text-align: center;
    margin: 20px 0;
    padding: 0;
}

footer ul.socials li {
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    font-size: 18px;
}

footer ul.socials li a {
    text-decoration: none;
}

footer ul.socials li a i {
    display: block;
    width: 40px;
    height: 28px;
    padding-top: 12px;
    color: #fff;
}

footer ul.socials li a i.fa-vk {
    background: #6a96c7;
}

footer ul.socials li a i.fa-facebook {
    background: #496092;
}

footer ul.socials li a i.fa-twitter {
    background: #27c3ff;
}

footer ul.socials li a i.fa-youtube {
    background: #ff4341;
}

footer ul.socials li a i.fa-google-plus {
    background: #ff6d4b;
}

footer ul.socials li:hover a i.fa-vk {
    background: #4576ac;
}

footer ul.socials li:hover a i.fa-facebook {
    background: #223a70;
}

footer ul.socials li:hover a i.fa-twitter {
    background: #05a1dd;
}

footer ul.socials li:hover a i.fa-youtube {
    background: #da1311;
}

footer ul.socials li:hover a i.fa-google-plus {
    background: #db401c;
}

footer .col .caption {
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}

footer .about {
    font-size: 16px;
}

footer .row {
    height: 20px;
    color: #FFFFFF;
    font-size: 14px;
    background: #D7D1B8;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1140px;
    padding: 25px 40px;
}

footer .row b {
    color: #292524;
}

footer .row .counters {
    float: right;
    width: 88px;
    height: 31px;
    background: rgba(0, 0, 0, 0.1);
    font-size: 10px;
    text-align: center;
}

ul.baloon li, .txt ul li, .mwin ul li {
    list-style: none;
    padding: 5px 0 5px 15px;
    margin: 0;
}

.txt ul li:before, ul.baloon li:before, .mwin ul li:before {
    content: "\f00c";
    font: normal normal normal 12px FontAwesome;
    vertical-align: 10%;
    padding-right: 7px;
    color: #a6ce39;
}

.txt ul li ol li, .mwin ul li ol li {
    list-style: decimal;
    padding: 5px 0px;
    margin: 0;
    list-style-position: inside;
}

.txt ul li ol li:before, .mwin ul li ol li:before {
    content: none;
}

.links {
    text-align: center;
    margin-top: 10px;
}

.fullstory {
    margin-top: 5px;
    float: left;
    width: 100%;
}

.fullstory span.date {
    display: block;
    font-size: 14px;
    color: #999594;
    margin: 15px 0 20px;
}

.fullstory span.date b {
    color: #272524;
    font-weight: normal;
}

.fullstory .bar {
    margin-top: 20px;
}

.fullstory .bar .shareSocial {
    float: left;
}

.fullstory .bar .shareSocial li {
    padding: 0px;
}

main section.txt .fullstory img {
    float: none;
}

.fullstory .bar {
    font-size: 15px;
    float: left;
    width: 100%;
    margin: 20px 0;
}

.fullstory .bar .ratebox3 {
    float: right;
}

.fullstory .bar .ratebox3 ul {
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
}

.fullstory .bar .ratebox3 ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.fullstory .bar ul li:before {
    display: none;
}

.fullstory .downblock {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

.storyL .middlerek {
    margin: 10px 0;
}

.tabinformer {
    font-size: 12px;
    margin: 5px 0px 0px;
    display: inline-block;
}

.tabinformer .informer {
    width: 33.3%;
    float: left;
}

.tabinformer .nameclinic img {
    width: 100px;
    float: left;
    padding: 5px;
}

.tabinformer .nameclinic p {
    float: right;
    width: 120px;
    padding: 0px 5px;
}

.tabinformer .nameclinic {
    display: inline-block;
}

.tabinformer .function p {
    margin-top: -5px;
    padding: 0px 5px;
}

.tabinformer .function ul li {
    font-size: 12px;
}

.tabinformer {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}

.tabinformer ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.tabinformer .tab-content {
    display: none;
    background: #fcf9f1;
    padding: 15px;
    width: 100%;
}

.tabinformer .nameinformer {
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 17px;
    padding: 8px 0px;
    background: #a6ce39;
    color: white
}

.tabinformer button {
    margin: 0 auto;
    margin-top: 20px;
    display: block;
}


.storyL .middlerek iframe, .maincat .middlerek iframe, .storyL .toprek iframe, .fullstory .downblock iframe {
    width: inherit !important;
    height: inherit !important;
}

.storyL .toprek {
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}

main section.txt .fullstory img {
    margin: 0;
    margin-right: 0;
    padding: 3px;
}

.fa-thumbs-o-down, .ratingminus {
    color: #e95b4b !important;
}

.fa-thumbs-o-up, .ratingplus {
    color: #15bb9c !important;
}

#dlepopup-news-edit {
    text-align: left !important;
}

#dlepopup-news-edit input[type="text"] {
    padding: 0 5px !important;
}

#dleeditfullnews2, #dleeditfullnews1 {
    height: 300px !important;
}

.fullstory .bar .editor {
    float: right;
    position: relative;
    height: 22px;
}

#dropmenudiv {
    margin: 0;
    list-style: none;
    position: absolute;
    padding: 0;
    left: auto !important;
    right: 50% !important;
    margin-right: -488px !important;
    padding-top: 5px;
    border: none !important;
    background: none !important;
}

#dropmenudiv:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px transparent solid;
    border-bottom: 10px #f1eeec solid;
    right: 10px;
    top: -15px;
}

.fullstory .bar .editor i {
    color: #a6ce39;
    cursor: pointer;
}

#dropmenudiv a {
    font-size: 12px;
    text-decoration: none;
    text-align: left !important;
    width: 176px;
    position: relative;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    z-index: 2;
    height: 23px;
    padding: 3px 0 0 5px;
    margin: 0;
    background: #f1eeec;
    border-bottom: 1px #d6cdce solid;
}

#dropmenudiv a:hover {
    color: #a6ce39 !important;
}

.speedbar {
    padding: 10px 40px;
    float: left;
    width: 1140px;
    background: #fff;
    font-size: 12px;
}

.speedbar a {
    color: #5f883c;
    text-decoration: none;
    transition: all 0.2s linear 0s;
}

.speedbar a:hover {
    color: #71706e;
}

#addcform button {
    margin-left: 2px;
}

.bcomment {
    position: relative;
    margin-bottom: 20px;
}

.bcomment .lcol {
    display: inline-block;
    width: 100px;
    position: absolute;
    left: 0;
    top: 20px;
}

.bcomment .lcol img {
    width: 70px;
    height: 70px;
    border-radius: 37px;
    float: left;
}

.bcomment ul.comedit {
    float: right;
    width: 400px;
    text-align: right;
    font-size: 0;
}

.bcomment ul.comedit li {
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 12px;
}

.bcomment ul.comedit li a {
    color: #8A835F;
    text-decoration: none;
    transition: all 0.2s linear 0s;
}

.bcomment ul.comedit li a:hover {
    color: #a6ce39;
}

.bcomment ul.comedit li:before {
    display: none;
}

.bcomment .txt {
    background: #fcf9f1;
    padding: 15px;
    position: relative;
    color: #71706e;
}

.bcomment .txt:after {
    content: "";
    width: 0;
    height: 0;
    border: 10px transparent solid;
    border-right: 10px #fcf9f1 solid;
    position: absolute;
    left: -20px;
    top: 20px;
}

.bcomment .rcol {
    padding-left: 90px;
}

.bcomment .author {
    font-size: 12px;
    color: #8A835F;
}

.bcomment .author a {
    text-decoration: none;
    transition: all 0.2s linear 0s;
}

.bcomment .txt input {
    margin-right: -10px;
    margin-top: -5px;
}

.bcomment .txt a {
    color: #cf8339;
    font-size: 12px;
    transition: all 0.2s linear 0s;
}

.bcomment .txt a:hover {
    color: #71706e;
}

.bcomment img {
    max-width: 300px;
}

#addcform {
    float: left;
    width: 100%;
}

#comments textarea, table.tableform {
    width: 100%;
}

#dle-comments-form h5 {
    margin-bottom: 10px;
}

table.tableform {
    font-size: 12px;
}

table.tableform tr td {
    padding-bottom: 10px;
}

.fbutton, button, input[type="submit"], input[type="button"], input[type="reset"] {
    height: 37px !important;
    cursor: pointer;
    padding: 0 15px !important;
    border: none !important;
    font-weight: normal !important;
    border-radius: 0 !important;
    text-shadow: none !important;
    border-bottom: 2px #988E65 solid !important;
    background: #D7D1B8;
    font-size: 16px !important;
}

.fbutton:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    border-bottom: 2px #5f883c solid !important;
    color: #fff;
    background: #a6ce39 !important;
}

button:hover > span {
    color: #fff;
}

#fileInp {
    text-indent: -99999px;
    overflow: hidden;
}

input[type="file"], input[type="file"]:focus {
    height: 20px;
    position: relative;
    bottom: -4px;
    border: none !important;
    box-shadow: none !important;
    display: inline-block;
}

label.fbutton {
    display: inline-block;
    padding-top: 7px !important;
    height: 30px !important;
}

.search textarea {
    width: 550px;
    padding: 0 5px !important;
}

.search input[type="text"] {
    width: 548px !important;
}

.search .jq-selectbox, .search .jq-select-multiple {
    width: 560px;
}

.search fieldset div .textin {
    margin-top: 5px;
}

.search input[type="button"], .search input[type="reset"] {
    margin: 5px 1px !important;
}

.searchtable {
    width: 600px;
}

.jq-selectbox li::before, .jq-select-multiple li::before {
    content: none !important;
}

.bb-editor input[type="button"]:first-child {
    margin-right: 20px;
}

.userinfo ul {
    display: block;
    background: #fcf9f1;
    width: 100%;
    margin-left: -15px;
    padding: 15px;
    list-style: none;
    text-align: left;
    font-size: 14px;
}

.userinfo ul li {
    padding: 5px 0;
}

.userinfo ul li a {
    transition: all 0.2s linear 0s;
}

.userinfo ul li a:focus {
    outline: none;
}

.userinfo ul li a:hover {
    color: #a6ce39;
}

.userinfo ul li i {
    width: 20px;
}

.userinfo .avatar img {
    margin-left: 41%;
}

.tableform .jq-selectbox, .tableform .jq-file {
    width: 390px;
}

.tableform .fbutton {
    display: none;
}

.toptop.thide {
    opacity: 0;
}

.toptop {
    display: block;
    cursor: pointer;
    opacity: 1;
    width: 40px;
    height: 37px;
    padding-top: 3px;
    background: #949391;
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 100;
    font-size: 20px;
    text-align: center;
}

.profile ul li:before {
    display: none;
}

.profile .lcol {
    float: left;
    width: 80px;
    margin-right: 45px;
    text-align: center;
    padding-top: 30px;
}

.profile .rcol {
    float: left;
    width: 500px;
}

.profile .lcol img, .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 42px;
}

.profile .lcol ul, .profile .lcol ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}

.profile .lcol ul li a {
    font-size: 0 !important;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
}

.profile .lcol ul li:first-child a:before {
    font-size: 16px;
    content: "\f003";
}

.profile .lcol ul li:last-child a:before {
    font-size: 16px;
    content: "\f040";
}

.profile ul li i:first-child {
    width: 20px;
    margin: 0px;
}

.profile ul li i:nth-child(2n) {
    width: 10px;
}

.profile a {
    color: #a6ce39;
    transition: all 0.2s linear 0s;
}

.profile a:hover {
    color: #292524;
}

.editProfile {
    float: left;
}

.berrors {
    background: #faeedf;
    padding: 20px;
    margin: 20px 0;
    color: #de771a;
    text-shadow: 0 0 2px #fff;
}

.berrors:before {
    content: "\f071";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    margin-right: 15px;
    float: left;
}

.berrors ul li:before {
    content: none;
}

.berrors ul li {
    padding: 0px;
}

.berrors ul {
    display: inline;
}

.hidetext {
    background: #faeedf;
    padding: 20px;
    margin: 5px 0;
    color: #de771a;
    text-shadow: 0 0 2px #fff;
}

.hidetext:before {
    content: "\f071";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 35px;
    margin-right: 15px;
    float: left;
    margin-top: -5px;
}

.hidetextcom {
    background: #faeedf;
    padding: 10px;
    margin: 5px 0;
    color: #de771a;
    text-shadow: 0 0 2px #fff;
}

.hidetextcom:before {
    content: "\f071";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px;
    margin-right: 15px;
    float: left;
    margin-top: -3px;
}

.pm {
    font-size: 14px;
}

.pm .links, .bcomment .linkspm {
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px 0;
}

.pm .links a {
    text-decoration: none;
    transition: all 0.2s linear 0s;
    display: block;
    margin: -15px 0 0 0;
}

.pm .links a:first-child {
    margin: 0px;
}

.bcomment .linkspm a {
    text-decoration: none;
    transition: all 0.2s linear 0s;
    display: block;
}

.pm .bcomment {
    display: inline-block;
    width: 100%;
}

.pm a {
    color: #a6ce39;
}

.pm a:hover {
    color: #292524;
}

.pm h1 {
    margin-bottom: 20px;
    border-bottom: 1px #dadada solid;
}

.pm .bb-editor {
    margin-top: 20px;
}

.reset li a {
    transition: all 0.2s linear 0s;
}

.cominfo ul li:before, .bcomment .dtop ul li:before {
    content: none;
}

#SForm {
    position: fixed;
    right: -270px;
    top: 35%;
    width: 310px;
    z-index: 1000;
}

#SForm.open {
    right: 0;
}

#SForm > span {
    float: left;
    left: 0;
    top: 0;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 37px;
    padding-top: 3px;
    font-size: 20px;
    color: #fff;
    background: #47d2e9;
    text-align: center;
}

#SForm > span:hover {
    background: #3fb7cb;
}

#SForm > form {
    float: right;
    width: 240px;
    background: #fff;
    padding: 15px;
    text-align: left;
}

#SForm > form label {
    float: left;
    margin-bottom: 20px;
    width: 238px;
}

#SForm > form label > input, #SForm > form label > textarea {
    max-width: 190px;
    min-width: 190px;
}

#logbtn {
    font-weight: bold;
    z-index: 100;
}

#logbtn:focus {
    outline: none;
}

#dlepopup-news-edit {
    height: 700px !important;
}

.fieldsubmit {
    margin: 20px 0 5px 0;
}

.ui-dialog textarea {
    resize: none;
}

.bb-editor textarea {
    box-sizing: border-box !important;
    border-radius: 0 0 5px 5px;
    max-width: 1134px;
    min-width: 1134px;
    min-height: 100px;
}

.bcomment .bb-editor textarea {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
}

.ui-widget textarea {
    max-width: 578px !important;
    min-width: 578px !important;
}

.ui-widget input[type="text"] {
    max-width: 565px !important;
    min-width: 565px !important;
    padding: 0px 5px !important;
}

.ui-widget input[type="checkbox"] {
    margin: 0px;
    height: 15px;
}

.bb-editor select {
    width: 70px !important;
    height: 20px;
}

.storyL {
    float: left;
    width: 830px;
}

.storyL * {
    max-width: 830px;
}

.sidebar {
    float: right;
    width: 300px;
    margin-left: 10px;
}

.sidebar .calcsidebar {
    border: 1px solid #f6f1dd;
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: 14px;
    transition: all 0.2s linear 0s;
    background: #fcf9f1;
    text-align: left;
}

.sidebar .calcsidebar big {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    margin: 0px 0px 5px;
}

.sidebar .calcsidebar ul {
    font-size: 12px;
    margin: 10px 0px 15px -30px;
}

.sidebar .calcsidebar span {
    font-size: 18px;
    margin: 5px 0px;
    display: inline-block;
}

.sidebar .calcsidebar ul li {
    padding: 0px;
}

.sidebar .calcsidebar ul li:before {
    font-size: 10px;
}

.sidebar .calcsidebar p {
    font-size: 13px;
    margin: 3px;
}

.sidebar .calcsidebar:hover {
    color: #242424;
    box-shadow: 0px 0px 3px #67AFE9 !important;
}

.sidebar .calcsidebar p button {
    margin: 15px 86px 2px;
    font-size: 20px;
}

.sidebar .calcsidebar p button span {
    font-size: 16px;
}

.maincatinformer {
    display: inline-block;
    width: 100%;
}

.maincatinformer .catinformer {
    border: 1px solid #f6f1dd;
    margin: 10px 0px 10px 6px;
    padding: 10px;
    font-size: 14px;
    transition: all 0.2s linear 0s;
    background: #fcf9f1;
    text-align: left;
    width: 47.8%;
    float: left;
}

.maincatinformer .catinformer:first-child {
    margin: 10px 0px
}

.maincatinformer .catinformer big {
    display: inline-block;
    width: 100%;
    margin: 0px 0px 5px;
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.maincatinformer .catinformer ul {
    font-size: 12px;
    margin: 10px 0px 5px 10px;
    display: inline-block;
}

.maincatinformer .catinformer p {
    font-size: 18px;
    margin: 5px 0px;
    text-align: center;
}

.maincatinformer .catinformer ul li {
    padding: 0px 5px;
    float: left;
}

.maincatinformer .catinformer ul li:before {
    font-size: 10px;
}

.maincatinformer .catinformer:hover {
    color: #242424;
    box-shadow: 0px 0px 3px #67AFE9 !important;
}

.maincatinformer .catinformer p button {
    margin: 15px 0px 2px;
    font-size: 20px;
}

.maincatinformer .catinformer p button span {
    font-size: 16px;
}

.statics {
    width: 1140px;
}

.statics * {
    max-width: 1140px;
}

.leftpadding {
    font-size: 14px !important;
    padding: 5px 15px 10px !important;
    font-family: "Roboto", sans-serif;
    display: inline-block;
    border: 1px solid #f6f1dd;
    background-color: #fcf9f1;
}

.leftpadding a {
    transition: all 0.1s linear 0s;
}

.storyL ol.leftpadding {
    margin: 5px 0px;
}

.leftpadding li {
    padding: 5px 0px 0px 0px !important;
}

.leftpadding ul li:last-child {
    margin-bottom: -20px;
}

.leftpadding ul {
    margin: 0 0 0 5px;
    font-size: 14px !important;
}

.leftpadding ul li:before {
    font: normal normal normal 10px FontAwesome;
    vertical-align: 10%;
    padding-right: 7px;
}

.imagezoom {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 90;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden
}

a:hover .imagezoom {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .4;
    filter: alpha(opacity=50)
}

.imagezoom .fa {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px
}

.imagerelative {
    float: inherit;
    display: inline-block;
    position: relative;
}

.imagerelativeleft {
    float: left;
    display: inline-block;
    position: relative;
    margin: 0 10px 10px 0;
}

.imagerelativeright {
    float: right;
    display: inline-block;
    position: relative;
    margin: 0 0 10px 10px;
}

main section.txt .imagerelativeleft, main section.txt .imagerelativeright {
    padding: 0px;
}

.fullstory .imagerelative a.highslide img {
    margin: 0 0 -5px;
}

#tooltip {
    position: absolute;
    z-index: 999;
    background-color: #000000;
    padding: 3px 7px;
    color: #FFFFFF;
    opacity: 0.8;
    border-radius: 5px;
    max-width: 300;
}

#tooltip:before {
    content: '';
    position: absolute;
    left: 20px;
    bottom: -12px;
    border: 6px solid transparent;
    border-top: 6px solid #000000;
}

#tooltip.right:before {
    left: auto;
    right: 20px;
}

.errorwrap {
    margin-top: 10%;
}

.errorwrap p {
    font-size: 14px;
}

.errorwrap .fa {
    font-size: 120px;
    color: #DE771A;
}

.dcont {
    background: #FFFFFF;
    padding: 10px;
}

.dcont h3 {
    margin: 0 0 5px 0;
    text-transform: none;
}

.dcont a {
    transition: all 0.2s linear 0s;
}

.dcont .reply {
    text-align: right;
}

.commentsh5 {
    display: inline-block;
}

.selectmass {
    float: right;
    margin: 10px -10px;
}

.mass_comments_action .jq-selectbox {
    margin-bottom: 3px;
}

.storyL td, .storyL table {
    border: 1px solid #71706E;
    font-size: 11px;
    border-collapse: collapse;
    padding: 2px 2px 2px 4px;
    background: #FFF;
    margin: auto;
}

.storyL tr:first-child td, .storyL td:first-child {
    background: #f6f1dd;
}

.storyL td p {
    margin: 5px 0;
}

.storyL tr:first-child td:hover, .storyL td:hover {
    background: #D7D1B8;
    color: #fff;
    transition: all 0.1s linear 0s;
}

[data-static] {
    cursor: pointer;
}

[data-static] p {
    text-decoration: underline;
}

.mwin_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.mwin_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
}

.mwin {
    width: 600px;
    max-height: 800px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff url('../images/loading.gif') 50% 50% no-repeat;
    overflow: auto;
    font-size: 14px;
    text-align: left;
}

.mwin .ui-icon {
    width: 19px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    text-indent: 0;
    color: #000;
    font-size: 0;
    margin: 0;
    transition: all 0.2s linear 0s;
}

.mwin .ui-icon:hover {
    color: #a6ce39;
    cursor: pointer;
}

.mwin .ui-icon:before {
    content: "\f00d";
    font-size: 18px;
}

.mwin .mwinstatic {
    padding: 10px;
}

.mwin p {
    text-align: center;
}

.mwin h2 {
    border-bottom: 1px solid #F3F0ED;
    text-align: center;
}

.mwin .mwinstatic h5 {
    border-bottom: none;
    text-align: left;
    margin-bottom: -5px;
}

.mwin .mwinstatic h3 {
    margin-bottom: -5px;
}

.mwin img {
    max-width: 560px;
}

@media only screen and (max-width: 1230px), only screen and (max-device-width: 1230px) {
    main > section, footer {
        padding: 20px;
        width: 900px;
    }

    .cut {
        width: 900px !important;
    }

    .wrapper {
        width: 940px;
        max-width: 940px;
    }

    footer .row {
        width: 900px;
        padding: 25px 20px;
    }

    header .nav > menu {
        margin: 0 0 0 20px;
        width: 700px;
    }

    header .nav > menu > li > a, menu li > span {
        padding: 20px;
    }

    header .nav > menu > li > i {
        right: 5px;
        top: 23px;
    }

    header .nav form {
        margin-right: 20px;
    }

    header .nav form input {
        float: left;
        border: 1px #ddd8d4 solid;
        height: 24px;
        padding-left: 5px;
        width: 130px;
        margin: 0 10px 0 0;
        border: none;
        border-radius: 2px;
    }

    main section.shortNews .zoomimage, main section.shortNews .zoomimage .img {
        width: 435px;
        height: 250px;
    }

    main section.shortNews .cut {
        max-width: 900px;
        height: 340px;
    }

    main section.shortNews ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
        font-size: 0;
    }

    main section.shortNews ul li {
        width: 435px;
        height: 340px;
    }

    main section.maincat img {
        max-width: 300px;
        min-width: 300px
    }

    main section.comAds .comments {
        width: 440px;
        float: left;
        overflow: hidden;
        position: relative;
    }

    main section.comAds ul li {
        width: 440px;
    }

    main section.comAds .rsy {
        width: 440px;
        margin-left: 20px;
    }

    main section.comAds {
        margin-bottom: 10px;
    }

    main section.categorys {
        overflow: hidden;
    }

    main section.categorys ul.staff {
        width: 900px;
    }

    main section.categorys ul.staff > li > div {
        width: 640px;
        height: 260px;
    }

    main section.categorys ul.staff > li span.img {
        margin-right: 10px;
    }

    main section.categorys ul.staff > li {
        padding: 8px 0px 0px 20px;
        height: 35px;
    }

    main section.categorys ul.staff > li > div p {
        height: 170px;
        width: 640px;
    }

    main section.categorys ul.staff > li span.img {
        width: 200px;
        height: 130px;
    }

    main section.categorys ul.staff > li > div div {
        width: 190px;
        font-size: 12px;
    }

    main section.categorys ul.baloon {
        display: none;
    }

    main section.categorys ul.staff > li > div big {
        font-size: 18px;
    }

    main section.lastNews .cut {
        max-width: 900px;
        height: 210px;
    }

    main section.lastNews ul li {
        width: 440px;
        height: 220px;
        margin-right: 20px;
    }

    main section.lastNews ul li .zoomimage {
        width: 200px;
        height: 140px;
        overflow: hidden;
        margin: 0 10px 0 0;
    }

    main section.lastNews ul li .zoomimage .img {
        width: 200px;
        height: 140px;
    }

    main section.lastNews ul li p {
        font-size: 14px;
    }

    main section.lastNews ul li a {
        font-size: 17px;
        width: 220px;
        max-height: 55px;
        display: inline-block;
        overflow: hidden;
    }

    main section.lastNews ul li span.link {
        font-size: 14px;
        float: right;
        padding: 0 10px 0 0;
    }

    footer .col:first-child {
        margin: 0 40px 0 0;
    }

    footer .col:nth-child(3n) {
        margin: 0 0 0 40px;
    }

    footer .col.about {
        font-size: 12px;
    }

    footer .contacts {
        font-size: 14px;
    }

    .storyL ol li a img, .storyL ul li a img {
        max-width: 535px;
    }

    .storyL ol li ol li a img, .storyL ul li ul li a img, .storyL ul li ol li a img, .storyL ol li ul li a img {
        max-width: 510px;
    }

    .speedbar {
        padding: 10px 20px;
        width: 900px;
    }

    .shortstory {
        width: 290px;
        height: 250px;
        margin-right: 15px;
    }

    .shortstory:nth-child(3n+3) {
        margin-right: 0;
    }

    .shortstory .zoomimage, .shortstory .zoomimage .img {
        width: 290px;
        height: 160px;
    }

    .shortstory p {
        font-size: 12px;
        margin-top: 10px;
    }

    #dropmenudiv {
        margin-right: -358px !important;
    }

    .storyL {
        float: left;
        width: 590px;
    }

    .storyL * {
        max-width: 590px;
    }

    .statics {
        width: 900px;
    }

    .statics * {
        max-width: 900px;
    }

    .storyL iframe {
        width: 570px !important;
        height: 380px !important;
    }

    .storyL ul li iframe, .storyL ol li iframe, .storyL .text_spoiler iframe {
        width: 550px !important;
        height: 380px !important;
    }

    .storyL iframe {
        width: 590px !important;
        height: 400px !important;
    }

    .storyL .text_spoiler iframe {
        width: 500px !important;
        height: 380px !important;
    }

    .sidebar {
        float: right;
        width: 300px;
        margin-left: 10px;
    }

    .bb-editor textarea {
        border-radius: 0 0 5px 5px;
        max-width: 894px !important;
        min-width: 894px !important;
    }

    .bcomment .bb-editor textarea {
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .ui-widget textarea {
        max-width: 578px !important;
        min-width: 578px !important;
    }

    .search textarea {
        width: 550px;
        padding: 0 5px;
    }

    .search input[type="text"] {
        width: 548px !important;
    }

    .search .jq-selectbox, .search .jq-select-multiple {
        width: 560px;
    }

    .search fieldset div .textin {
        margin-top: 5px;
    }

    .search input[type="button"], .search input[type="reset"] {
        margin: 5px 1px !important;
    }

    .mwin {
        max-height: 700px;
    }

    .maincatinformer .catinformer {
        width: 47.2%;
    }
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
    main section.txt {
        font-size: 15px;
    }

    main > section, footer {
        padding: 20px;
        width: 680px;
    }

    .cut {
        width: 680px !important;
    }

    .wrapper {
        width: 720px;
        max-width: 720px;
    }

    footer .row {
        width: 680px;
        padding: 25px 20px;
    }

    main section h1, .caption {
        font-size: 20px;
    }

    main section h2 {
        font-size: 17px;
    }

    main section h3 {
        font-size: 16px;
    }

    main section h4, h5, h6 {
        font-size: 15px;
    }

    header .nav > menu {
        margin: 0 0 0 20px;
        width: 680px;
    }

    header .nav > menu > li > a, menu li > span {
        padding: 20px 15px;
    }

    header .nav > menu > li > i {
        right: 5px;
        top: 23px;
    }

    header .nav form {
        position: absolute;
        right: 20px;
        top: -75px;
    }

    header .nav form input {
        float: left;
        border: 1px #ddd8d4 solid;
        height: 24px;
        padding-left: 5px;
        width: 180px;
        margin: 0 10px 0 0;
        border: none;
        border-radius: 2px;
    }

    header .nav form button {
        color: #f6f1dd;
    }

    main section.shortNews .zoomimage, main section.shortNews .zoomimage .img {
        width: 330px;
        height: 190px;
    }

    main section.shortNews .cut {
        max-width: 680px;
        height: 280px;
    }

    main section.shortNews ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
        font-size: 0;
    }

    main section.shortNews ul li {
        width: 330px;
        height: 290px;
        margin: 0 20px 0 0;
    }

    main section.maincat img {
        max-width: 300px;
        min-width: 300px
    }

    main section.shortNews ul li a {
        font-size: 15px;
        display: inline-block;
        width: 290px;
        max-height: 45px;
        overflow: hidden;
    }

    main section.comAds .rsy {
        width: 330px;
        margin: 0px;
    }

    .storyL ul {
        padding: 0 0 0 10px;
        font-size: 14px;
    }

    .storyL ol {
        padding: 0 0 0 25px;
        font-size: 14px;
    }

    .storyL ul li ul, .storyL ol li ul {
        padding: 0px 0px 0px 5px;
    }

    .storyL ol li ol {
        padding: 5px 0px 0px 20px;
    }

    .storyL ul li ol {
        padding: 0px 0px 0px 20px;
    }

    .storyL ol li ol li {
        margin: 0px;
    }

    main section.comAds .comments {
        width: 330px;
    }

    main section.comAds ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    main section.comAds ul li {
        width: 330px;
        height: 270px;
    }

    main section.comAds ul li .txt {
        max-height: 140px;
        overflow: hidden;
        padding: 20px 20px 20px 50px;
        border-radius: 10px;
    }

    main section.categorys {
        height: 300px;
        overflow: hidden;
        margin: 0 0 20px;
    }

    main section.categorys ul.staff {
        width: 220px;
    }

    main section.categorys ul.staff > li {
        width: 200px;
        margin: 5px 5px 0px 0px;
        padding: 4px 0 0 20px;
        height: 35px;
    }

    main section.categorys ul.staff > li > div {
        height: 240px;
        width: 440px;
        top: 0px;
        margin: 0px 0px 0px -20px;
        padding: 10px;
        left: 240px;
    }

    main section.categorys ul.staff > li span.img {
        height: 70px;
        margin-right: 10px;
        width: 120px;
    }

    main section.categorys ul.baloon {
        display: none;
    }

    main section.categorys ul.staff > li > div p {
        width: 440px;
        font-size: 14px;
        height: 165px;
    }

    main section.categorys ul.staff > li.open > div > span.link {
        font-size: 14px;
    }

    main section.categorys ul.staff > li > div big {
        font-size: 17px;
    }

    main section.lastNews .cut {
        max-width: 680px;
        height: 210px;
    }

    main section.lastNews ul li {
        width: 330px;
        height: 210px;
        margin-right: 20px;
    }

    main section.lastNews ul li .zoomimage, main section.lastNews ul li .zoomimage .img {
        width: 150px;
        height: 100px;
    }

    main section.lastNews ul li p {
        font-size: 14px;
    }

    main section.lastNews ul li > a {
        display: inline-block;
        width: 170px;
        max-height: 52px;
        overflow: hidden;
        font-size: 16px;
    }

    .storyL ol li a img, .storyL ul li a img {
        max-width: 650px;
    }

    .storyL ol li ol li a img, .storyL ul li ul li a img, .storyL ul li ol li a img, .storyL ol li ul li a img {
        max-width: 630px;
    }

    .storyL .text_spoiler a img {
        max-width: 600px;
    }

    footer .col.info {
        width: 47%;
    }

    footer .col.contacts {
        width: 47%;
        font-size: 14px;
    }

    footer {
        height: auto;
        padding-bottom: 70px;
    }

    footer .col {
        margin: 15px 0;
    }

    footer .col.about {
        display: none;
    }

    footer ul.socials {
        width: 100%;
    }

    footer .col:nth-child(3n) {
        margin: 15px 0px;
    }

    .speedbar {
        padding: 10px 20px;
        width: 680px;
    }

    .shortstory {
        width: 330px;
        height: 250px;
        margin-right: 20px;
    }

    .shortstory:nth-child(3n+3) {
        margin-right: 20px;
    }

    .shortstory:nth-child(2n+2) {
        margin-right: 0px;
    }

    .shortstory .zoomimage, .shortstory .zoomimage .img {
        width: 330px;
        height: 160px;
    }

    .shortstory p {
        font-size: 12px;
        margin: 5px 0 10px 0;
    }

    .search textarea {
        width: 550px;
        padding: 0 5px;
    }

    .search input[type="text"] {
        width: 548px !important;
    }

    .search .jq-selectbox, .search .jq-select-multiple {
        width: 560px;
    }

    .search fieldset div .textin {
        margin-top: 5px;
    }

    .search input[type="button"], .search input[type="reset"] {
        margin: 5px 1px !important;
    }

    .profile .rcol {
        width: 400px;
    }

    #SForm > span {
        opacity: 0.8;
    }

    #dropmenudiv {
        margin-right: -248px !important;
    }

    .storyL iframe {
        width: 670px !important;
        height: 400px !important;
    }

    .storyL ul li iframe, .storyL ol li iframe, .storyL .text_spoiler iframe {
        width: 640px !important;
        height: 400px !important;
    }

    body > div#searchsuggestions {
        left: 50% !important;
        right: 0 !important;
        margin-right: 0px !important;
        margin-left: -55px !important;
        top: 110px !important;
        z-index: 999999 !important;
    }

    body > div#searchsuggestions .seperator {
        display: none;
    }

    .bcomment img {
        max-width: 200px;
    }

    .toptop {
        opacity: 0.6;
    }

    .storyL {
        float: left;
        width: 680px;
    }

    .storyL * {
        max-width: 680px;
    }

    .sidebar {
        float: right;
        width: 680px;
        margin-left: 0px;
        margin: 20px 0;
    }

    .bb-editor textarea {
        border-radius: 0 0 5px 5px;
        max-width: 675px !important;
        min-width: 675px !important;
    }

    .editorcomm .bb-editor {
        width: 100%;
    }

    .ui-widget textarea {
        max-width: 578px !important;
        min-width: 578px !important;
    }

    .storyL .leftpadding {
        font-size: 13px !important;
        margin: 0 0 5px 0;
    }

    .storyL .leftpadding li {
        font-size: 13px !important;
    }

    .mass_comments_action .jq-selectbox {
        margin-bottom: 5px;
    }

    .storyL table {
        overflow-x: auto;
        display: block;
        max-width: 680px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        padding: 3px 3px 8px;
        border: 1px dotted;
    }

    .storyL table::-webkit-scrollbar {
        width: 12px;
    }

    .storyL table::-webkit-scrollbar-thumb {
        border-width: 1px 1px 1px 2px;
        border-color: #777;
        background-color: #aaa;
    }

    .storyL table::-webkit-scrollbar-thumb:hover {
        border-width: 1px 1px 1px 2px;
        border-color: #555;
        background-color: #777;
    }

    .storyL table::-webkit-scrollbar-track {
        border-width: 0;
    }

    .storyL table::-webkit-scrollbar-track:hover {
        border-left: solid 1px #aaa;
        background-color: #eee;
    }

    .sidebar .calcsidebar {
        width: 310px;
        float: left;
        margin: 4px;
    }

    .sidebar .calcsidebar p button {
        margin: 15px 93px 2px;
    }

    .mwin {
        max-height: 800px;
    }

    .maincatinformer .catinformer {
        width: 46.3%;
    }
}

@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
    .speedbar {
        padding: 10px 10px;
        width: 490px;
    }

    img {
        max-width: 500px;
    }

    header {
        height: 120px;
    }

    header .links.fr {
        display: none;
    }

    header .logo {
        width: 490px;
        height: 50px;
        left: 10px;
        top: 45px;
    }

    main section h1 {
        font-size: 20px;
    }

    main section .caption {
        font-size: 18px;
    }

    .maincat h1 {
        margin: 10px 0;
    }

    main section.maincat img {
        max-width: 250px;
        min-width: 250px;
    }

    header > .nav {
        height: 0;
        width: 0;
        position: absolute;
    }

    main > section, footer {
        padding: 5px;
        width: 500px;
    }

    header > .nav menu {
        font-size: 0px !important;
    }

    header > .nav > menu.open {
        max-height: 1000px;
        opacity: 1;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    }

    header > .nav > menu {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: -87px;
        width: 510px;
        text-align: center;
        margin: 0;
        height: auto;
        background: #FFFCF5;
    }

    header > .nav > menu > li {
        display: inline-block;
        text-align: center;
        padding: 0 !important;
        float: none;
        width: 510px;
        border-bottom: 1px #e7e1e0 dotted;
    }

    header > .nav > menu > li > menu {
        float: left;
        display: block;
        max-height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        width: 510px;
    }

    header > .nav > menu > li.open > menu {
        max-height: 500px;
    }

    header > .nav > menu > li.open {
        background: #f6f1dd;
        color: #000;
    }

    header > .nav > menu > li.open > a:hover {
        color: #000;
    }

    header > .nav > menu > li i {
        width: 50px;
        height: 27px;
        text-align: center;
        cursor: pointer;
        top: 0 !important;
        padding-top: 11px;
        right: 10px !important;
    }

    header > .nav > menu > li i:before {
        content: "\f067" !important;
        font-size: 18px;
    }

    header > .nav > menu > li > span i:before {
        content: "\f015" !important;
        font-size: 22px;
    }

    header > .nav > menu > li > span i {
        margin: -12px 0px 0px;
    }

    header > .nav > menu > li.open > i:before {
        content: "\f068" !important;
    }

    header > .nav > menu > li > menu > li.open > i:before {
        content: "\f068" !important;
    }

    header .nav > menu > li > menu:after {
        content: "";
        width: 0;
        height: 0;
        border: none;
        border-bottom: none;
        opacity: 0;
        position: absolute;
    }

    header .nav > menu > li > menu, header .nav > menu > li > menu > li > menu {
        box-shadow: none;
    }

    header > .nav > menu > li > menu > li {
        background: #fffcef;
        border-bottom: 1px #e7e1e0 dotted;
    }

    header > .nav > menu > li > menu > li:last-child {
        border-bottom: none;
    }

    header > .nav > menu > li > menu > li > menu > li {
        background: #fff;
        border-top: 1px #e7e1e0 dotted;
    }

    header > .nav > menu > li > menu > li > menu > li:first-child {
        border-top: none;
    }

    header .nav > menu > li > menu > li > span {
        float: none;
        padding: 9px 0;
    }

    header > .nav > menu > li > menu > li > menu {
        position: relative;
        display: block;
        max-height: 0;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 510px;
    }

    header > .nav > menu > li > menu > li.open > menu {
        max-height: 500px;
    }

    header > .nav > menu li {
        padding: 0 !important;
        margin: 0 !important;
    }

    header > .nav > menu > li a {
        padding: 12px 0 !important;
        height: 16px !important;
    }

    header > .nav > menu > li span {
        padding: 12px 0 !important;
        height: 16px;
    }

    header .nav > menu > li > menu > li > span.link, header .nav > menu > li > menu > li > a {
        padding: 10px 0 !important;
        height: 16px;
    }

    header > .nav > form.open {
        max-height: 1000px;
        opacity: 1;
        top: -103px;
    }

    header > .nav > form {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: -303px;
        width: 490px;
        padding: 15px 10px;
        text-align: center;
        background: #f6f1dd;
    }

    header > .nav > form input {
        width: 440px;
    }

    header > .nav > menu > li > a {
        padding: 12px 0;
        width: 100%;
    }

    header > .nav > menu > li > span {
        padding: 10px 0;
        width: 100%;
    }

    header .nav form button {
        color: #FFFFFF;
    }

    main section.shortNews .zoomimage, main section.shortNews .zoomimage .img, main section.lastNews ul li .zoomimage, main section.lastNews ul li .zoomimage .img {
        width: 245px;
        height: 150px;
        margin: 0 0 10px 0;
    }

    .shortstory .zoomimage, .shortstory .zoomimage .img {
        width: 500px;
        height: 190px;
    }

    .shortstory a, .shortstory .link {
        max-height: 25px;
    }

    main section.shortNews ul li {
        width: 245px;
        height: 260px;
        margin: 0 10px 0 0;
    }

    main section.shortNews ul li a {
        width: 245px;
    }

    main section.shortNews .cut {
        height: 260px;
        max-width: 500px;
    }

    main section.shortNews .caption {
        margin: 2px 0 15px 0
    }

    main section.txt {
        font-size: 15px;
    }

    .storyL ul {
        padding: 0 0 0 10px;
        font-size: 14px;
    }

    .storyL ol {
        padding: 0 0 0 25px;
        font-size: 14px;
    }

    .storyL ul li ul, .storyL ol li ul {
        padding: 0px 0px 0px 5px;
    }

    .storyL ol li ol {
        padding: 5px 0px 0px 20px;
    }

    .storyL ul li ol {
        padding: 0px 0px 0px 20px;
    }

    .storyL ol li a img, .storyL ul li a img {
        max-width: 475px;
    }

    .storyL ol li ol li a img, .storyL ul li ul li a img, .storyL ul li ol li a img, .storyL ol li ul li a img {
        max-width: 455px;
    }

    .storyL .text_spoiler a img {
        max-width: 455px;
    }

    .storyL .leftpadding {
        font-size: 12px;
        width: 468px;
    }

    .caruselNav {
        right: 5px;
        top: 5px;
    }

    main section.comAds .comments {
        width: 500px;
    }

    main section.comAds ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    main section.comAds ul li {
        width: 500px;
        height: 290px;
    }

    main section.comAds ul li .txt {
        margin: 10px 0 15px 0;
        max-height: 140px;
        overflow: hidden;
        padding: 20px 20px 20px 50px;
        border-radius: 10px;
    }

    main section.comAds .comments .caruselNav {
        margin: 0px;
    }

    main section.comAds ul li big {
        font-size: 13px;
    }

    main section.comAds ul li .txt img {
        max-width: 50px;
    }

    main section.categorys {
        height: 350px;
        overflow: hidden;
        margin: 0 0 30px;
    }

    main section.categorys ul.staff {
        width: 200px;
    }

    main section.categorys ul.staff > li {
        width: 180px;
        margin: 5px 5px 0px 0px;
        padding: 8px 0 0 20px;
        height: 40px;
    }

    main section.categorys ul.staff > li > div {
        height: 295px;
        width: 280px;
        top: 0px;
        margin: 0px 0px 0px -20px;
        padding: 10px;
        left: 220px;
    }

    main section.categorys ul.staff > li span.img {
        height: 70px;
        margin-right: 10px;
        width: 120px;
    }

    main section.categorys ul.baloon {
        display: none;
    }

    main section.categorys ul.staff > li > div p {
        width: 280px;
        font-size: 13px;
        height: 210px;
    }

    main section.categorys ul.staff > li > div big {
        font-size: 16px;
    }

    main section.lastNews .cut {
        max-width: 500px;
        height: 365px;
    }

    main section.lastNews ul li {
        width: 245px;
        height: 370px;
        margin-right: 10px;
    }

    main section.lastNews ul li a {
        width: 245px;
        overflow: hidden;
        margin: 5px 0 0;
        font-size: 15px;
        max-height: 43px;
    }

    main section.lastNews ul li p {
        font-size: 14px;
        display: inline-block;
        width: 245px;
        max-height: 80px;
        overflow: hidden;
        margin: 0px;
    }

    main section.comAds {
        margin-bottom: 10px;
    }

    main section.comAds .rsy {
        width: 500px;
    }

    main section.txt img {
        padding: 0;
        margin: 0;
    }

    footer {
        height: auto;
        padding-bottom: 50px;
    }

    footer .counters {
        display: none;
    }

    footer .col {
        width: 500px;
        margin: 15px 0;
    }

    footer ul.socials {
        width: 240px;
    }

    footer .col.contacts, footer .col.info {
        width: 230px;
        margin: 15px 10px 0 10px;
    }

    .shortstory {
        width: 500px;
        height: 270px;
        margin-right: 0px;
        margin-top: 15px;
    }

    .shortstory .img img {
        width: 500px;
    }

    .cut {
        width: 500px !important;
    }

    .wrapper {
        width: 510px;
        max-width: 510px;
    }

    footer .row {
        width: 500px;
        padding: 15px 5px;
        text-align: center;
    }

    input[type="text"], input[type="password"], select, textarea {
        width: 483px;
        padding: 0 5px !important;
    }

    .search textarea, .search select {
        width: 460px;
        padding: 0 5px;
    }

    .search input[type="text"] {
        width: 448px !important;
    }

    .search .jq-selectbox, .search .jq-select-multiple {
        width: 460px;
    }

    .search fieldset div .textin {
        margin-top: 5px;
    }

    .search input[type="button"], .search input[type="reset"] {
        margin: 5px 1px !important;
    }

    .searchtable {
        width: 100%;
    }

    .ui-dialog input[type="password"], .ui-dialog select {
        width: 269px !important;
        height: 32px !important;
    }

    .ui-dialog textarea {
        width: 469px;
    }

    .ui-dialog .ui-widget-header {
        padding: 5px 20px !important;
    }

    #dlereplypopup {
        font-size: 0;
        width: 500px;
        padding: 5px 10px;
    }

    #dlereplypopup form {
        font-size: 12px;
    }

    #dropmenudiv {
        margin-right: -178px !important;
    }

    .tableform {
        width: 500px !important;
    }

    .g-recaptcha {
        margin-left: -4px;
    }

    .storyL iframe {
        width: 510px !important;
        height: 300px !important;
    }

    .storyL ul li iframe, .storyL ol li iframe, .storyL .text_spoiler iframe {
        width: 460px !important;
        height: 300px !important;
    }

    main section.txt .fullstory img {
        margin: 0;
        margin-right: 0;
        padding: 0px;
    }

    .bcomment ul.comedit {
        display: none;
    }

    .bb-pane {
        display: none !important;
    }

    .rc-anchor {
        max-width: 580px !important;
    }

    .ui-dialog {
        width: 300px !important;
    }

    .ui-dialog * {
        max-width: 280px !important;
    }

    .links.fl {
        margin: 5px 0;
        width: 500px;
        position: relative;
    }

    header .links.fl i {
        display: inline-block;
        font-size: 20px;
        text-align: center;
    }

    header .links.fl i:hover {
        color: #a6ce39;
    }

    .links.fl > a, .links.fl > i {
        display: inline-block;
        cursor: pointer;
    }

    .links.fl > i:first-child {
        float: left;
        margin-left: 20px;
        padding-right: 15px;
    }

    .links.fl > i:last-child {
        float: right;
        margin-left: 20px;
    }

    .fa-user {
        margin-right: 5px;
    }

    .links.fl > span {
        height: 30px;
    }

    header .links span:hover ul {
        max-height: 500px;
        opacity: 1;
    }

    body > div#searchsuggestions {
        width: 510px !important;
        left: 50% !important;
        right: 0 !important;
        margin-right: 0px !important;
        margin-left: -255px !important;
        top: 95px !important;
        z-index: 999999 !important;
    }

    body > div#searchsuggestions .seperator {
        display: none;
    }

    #SForm {
        display: none;
    }

    .bcomment .lcol img {
        width: 36px;
        height: 36px;
        border-radius: 18px;
    }

    .bcomment .rcol {
        padding-left: 45px;
    }

    .bcomment .txt {
        padding: 7px;
        overflow: hidden;
    }

    .dtop .lcol img {
        width: 56px;
        height: 56px;
        border-radius: 30px;
    }

    label.input {
        width: 493px;
    }

    label.input input {
        width: 443px;
    }

    label.input textarea {
        max-width: 443px !important;
        min-width: 443px !important;
    }

    .storyL {
        float: left;
        width: 500px;
    }

    .storyL * {
        max-width: 500px;
    }

    .sidebar {
        float: right;
        width: 500px;
        margin-left: 0px;
        margin: 20px 0;
    }

    .bb-editor textarea {
        border-radius: 5px 5px 5px 5px;
        max-width: 493px !important;
        min-width: 493px !important;
    }

    .ui-widget textarea {
        max-width: 280px !important;
        min-width: 280px !important;
    }

    .ui-widget input[type="text"] {
        max-width: 268px !important;
        min-width: 268px !important;
    }

    header .links span ul {
        left: 160px;
    }

    .profile {
        font-size: 12px;
    }

    .profile .rcol {
        width: 500px;
    }

    .profile .rcol ul {
        padding: 0px 0px 0px 140px;
    }

    .profile .lcol {
        width: 500px;
        margin: 0px;
    }

    .editProfile textarea {
        width: 483px !important;
    }

    .editProfile input[type="text"], .editProfile input[type="password"], .editProfile select, .editProfile textarea {
        margin: 0 0 10px 0;
    }

    .editProfile table.tableform tr td {
        padding: 0px;
    }

    .userinfo ul {
        font-size: 11px;
    }

    .userinfo .avatar img {
        margin-left: 35%;
    }

    .pm {
        font-size: 12px;
    }

    .mass_comments_action select {
        margin: 0 0 5px;
    }

    .label select {
        width: 495px !important;
    }

    .berrors {
        font-size: 12px;
    }

    .comAds .comments .caption {
        margin: 8px 0 0;
    }

    .selectmass {
        float: right;
        margin: 0px -5px;
    }

    .storyL table {
        overflow-x: auto;
        display: block;
        max-width: 490px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        padding: 3px 3px 8px;
        border: 1px dotted;
    }

    .sidebar .calcsidebar {
        width: 224px;
        margin: 2px;
    }

    .sidebar .calcsidebar p button {
        margin: 15px 51px 7px;
    }

    .sidebar .calcsidebar ul {
        font-size: 11px;
    }

    .mwin {
        max-height: 320px;
        width: 450px;
        font-size: 12px;
    }

    .mwin img {
        max-width: 380px;
    }

    .maincatinformer .catinformer {
        width: 95.6%;
        margin: 7px 0px;
    }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .speedbar {
        padding: 10px 10px;
        width: 290px;
    }

    img {
        max-width: 300px;
    }

    header {
        height: 120px;
    }

    header .links.fr {
        display: none;
    }

    header .logo {
        width: 290px;
        height: 50px;
        left: 10px;
        top: 45px;
    }

    main section h1 {
        font-size: 20px;
    }

    main section h2 {
        font-size: 17px;
    }

    main section h3 {
        font-size: 16px;
    }

    main section h4, h5, h6 {
        font-size: 15px;
    }

    main section.maincat img {
        max-width: 300px;
        min-width: 300px;
    }

    header > .nav {
        height: 0;
        width: 0;
        position: absolute;
    }

    main > section, footer {
        padding: 5px;
        width: 300px;
    }

    header > .nav menu {
        font-size: 0px !important;
    }

    header > .nav > menu.open {
        max-height: 1000px;
        opacity: 1;
    }

    header > .nav > menu {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: -87px;
        width: 310px;
        text-align: center;
        margin: 0;
        height: auto;
        background: #FFFCF5;
    }

    header > .nav > menu > li {
        display: inline-block;
        text-align: center;
        padding: 0 !important;
        float: none;
        width: 310px;
        border-bottom: 1px #e7e1e0 dotted;
    }

    header > .nav > menu > li > menu {
        float: left;
        display: block;
        max-height: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        width: 310px;
    }

    header > .nav > menu > li.open > menu {
        max-height: 500px;
    }

    header > .nav > menu > li.open {
        background: #f6f1dd;
        color: #000;
    }

    header > .nav > menu > li.open > a:hover {
        color: #000;
    }

    header > .nav > menu > li i {
        width: 50px;
        height: 27px;
        text-align: center;
        cursor: pointer;
        top: 0 !important;
        padding-top: 11px;
        right: 10px !important;
    }

    header > .nav > menu > li i:before {
        content: "\f067" !important;
        font-size: 18px;
    }

    header > .nav > menu > li > span i:before {
        content: "\f015" !important;
        font-size: 22px;
    }

    header > .nav > menu > li > span i {
        margin: -12px 0px 0px;
    }

    header > .nav > menu > li.open > i:before {
        content: "\f068" !important;
    }

    header > .nav > menu > li > menu > li.open > i:before {
        content: "\f068" !important;
    }

    header .nav > menu > li > menu:after {
        content: "";
        width: 0;
        height: 0;
        border: none;
        border-bottom: none;
        opacity: 0;
        position: absolute;
    }

    header > .nav > menu > li > menu > li {
        background: #fffcef;
        border-bottom: 1px #e7e1e0 dotted;
    }

    header > .nav > menu > li > menu > li:last-child {
        border-bottom: none;
    }

    header > .nav > menu > li > menu > li > menu > li {
        background: #fff;
        border-top: 1px #e7e1e0 dotted;
    }

    header > .nav > menu > li > menu > li > menu > li:first-child {
        border-top: none;
    }

    header > .nav > menu > li > menu > li > menu {
        position: relative;
        display: block;
        max-height: 0;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 310px;
    }

    header .nav > menu > li > menu > li > span {
        float: none;
        padding: 9px 0;
    }

    header > .nav > menu > li > menu > li.open > menu {
        max-height: 500px;
    }

    header > .nav > menu li {
        padding: 0 !important;
        margin: 0 !important;
    }

    header > .nav > menu > li a {
        padding: 12px 0 !important;
        height: 16px !important;
    }

    header > .nav > menu > li span {
        padding: 12px 0 !important;
        height: 16px;
    }

    header .nav > menu > li > menu > li > span.link, header .nav > menu > li > menu > li > a {
        padding: 10px 0 !important;
        height: 16px;
    }

    header > .nav > form.open {
        max-height: 1000px;
        opacity: 1;
        top: -103px;
    }

    header > .nav > form {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: -303px;
        width: 290px;
        padding: 15px 10px;
        text-align: center;
        background: #f6f1dd;
    }

    header > .nav > form input {
        width: 240px;
    }

    header > .nav > menu > li > a {
        padding: 12px 0;
        width: 100%;
    }

    header > .nav > menu > li > span {
        padding: 10px 0;
        width: 100%;
    }

    main section.lastNews ul li .zoomimage, main section.lastNews ul li .zoomimage .img, main section.shortNews .zoomimage, main section.shortNews .zoomimage .img, .shortstory .zoomimage, .shortstory .zoomimage .img {
        width: 300px;
        height: 160px;
    }

    main section.shortNews ul li {
        width: 300px;
        height: 250px;
        margin: 0;
    }

    main section.shortNews ul li a {
        width: 300px;
    }

    main section.shortNews .cut {
        height: 260px;
        max-width: 300px;
    }

    .storyL ul {
        padding: 0 0 0 10px;
        font-size: 14px;
    }

    .storyL ol {
        padding: 0 0 0 25px;
        font-size: 14px;
    }

    .storyL ul li ul, .storyL ol li ul {
        padding: 0px 0px 0px 5px;
    }

    .storyL ol li ol {
        padding: 5px 0px 0px 20px;
    }

    .storyL ul li ol {
        padding: 0px 0px 0px 20px;
    }

    .storyL ol li a img, .storyL ul li a img {
        max-width: 275px;
    }

    .storyL ol li ol li a img, .storyL ul li ul li a img, .storyL ul li ol li a img, .storyL ol li ul li a img {
        max-width: 255px;
    }

    .storyL .text_spoiler a img {
        max-width: 255px;
    }

    .caruselNav {
        right: 5px;
        top: 5px;
    }

    main section.comAds .comments {
        width: 300px;
    }

    main section.comAds ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    main section.comAds ul li {
        width: 300px;
        height: 290px;
    }

    main section.comAds ul li .txt {
        max-height: 140px;
        overflow: hidden;
        padding: 20px 20px 20px 50px;
        border-radius: 10px;
    }

    main section.comAds ul li big {
        font-size: 13px;
    }

    main section.comAds ul li .txt img {
        max-width: 50px;
    }

    main section.categorys {
        height: 600px;
    }

    main section.categorys ul.staff {
        width: 300px;
    }

    main section.categorys ul.staff > li {
        width: 280px;
        margin: 5px 5px 0px 0px;
        height: 30px;
        padding: 6px 0px 1px 20px;
        font-size: 17px;
    }

    main section.categorys ul.staff > li > div {
        height: 290px;
        width: 280px;
        top: 255px;
        margin: 0px 0px 0px -20px;
        padding: 10px;
        left: 20px;
    }

    main section.categorys ul.staff > li span.img {
        height: 60px;
        margin-right: 10px;
        width: 100px;
    }

    main section.categorys ul.baloon {
        display: none;
    }

    main section.categorys ul.staff > li > div p {
        width: 285px;
        font-size: 13px;
        height: 212px;
    }

    main section.categorys {
        margin-bottom: 30px;
    }

    main section.categorys ul.staff > li > div big {
        font-size: 16px;
    }

    .storyL .leftpadding {
        width: 268px;
    }

    main section.lastNews .cut {
        max-width: 300px;
        height: 350px;
    }

    main section.lastNews ul li {
        width: 300px;
        height: 350px;
        margin-right: 0px;
    }

    main section.lastNews ul li a {
        width: 300px;
        max-height: 45px;
    }

    main section.lastNews ul li p {
        display: inline-block;
        width: 300px;
        max-height: 80px;
        overflow: hidden;
    }

    main section.comAds {
        margin-bottom: 10px;
    }

    main section.comAds .rsy {
        width: 300px;
    }

    main section.txt img {
        padding: 0;
        margin: 0;
    }

    footer {
        height: auto;
        padding-bottom: 50px;
    }

    footer .counters {
        display: none;
    }

    footer .col {
        width: 300px;
        margin: 15px 0;
    }

    footer ul.socials {
        width: 280px;
    }

    footer .col.contacts, footer .col.info {
        width: 280px;
        margin: 15px 10px 0 10px;
    }

    .shortstory {
        width: 300px;
        height: 250px;
        margin-right: 0px;
        margin-top: 15px;
    }

    .shortstory .img img {
        width: 300px;
    }

    .shortstory a, .shortstory .link {
        max-height: 48px;
    }

    .cut {
        width: 300px !important;
    }

    .wrapper {
        width: 310px;
        max-width: 310px;
    }

    footer .row {
        width: 300px;
        padding: 15px 5px;
        text-align: center;
    }

    input[type="text"], input[type="password"], select, textarea {
        width: 283px;
        padding: 0 5px !important;
    }

    .search textarea, .search select {
        width: 277px;
        padding: 0 5px;
    }

    .search input[type="text"] {
        width: 265px !important;
    }

    .search .jq-selectbox, .search .jq-select-multiple {
        width: 277px;
    }

    .search fieldset div .textin {
        margin-top: 5px;
    }

    .searchtable {
        width: 100%;
    }

    .search input[type="button"], .search input[type="reset"] {
        width: 100%;
        margin: 5px 0 0 0 !important;
    }

    .ui-dialog input[type="password"], .ui-dialog select {
        width: 269px !important;
        height: 32px !important;
    }

    .ui-dialog textarea {
        width: 269px;
    }

    #dlereplypopup {
        font-size: 0;
        width: 300px;
        padding: 5px 10px;
    }

    #dropmenudiv {
        margin-right: -78px !important;
    }

    .tableform {
        width: 300px !important;
    }

    .tableform .jq-selectbox, .tableform .jq-file {
        width: 293px;
    }

    .storyL iframe {
        width: 300px !important;
        height: 200px !important;
    }

    .storyL ul li iframe, .storyL ol li iframe, .storyL .text_spoiler iframe {
        width: 270px !important;
        height: 180px !important;
    }

    .rc-anchor {
        max-width: 280px !important;
    }

    .links.fl {
        margin: 7px 0;
        width: 297px;
        position: relative;
    }

    header .links span:hover ul {
        max-height: 500px;
        opacity: 1;
    }

    body > div#searchsuggestions {
        width: 310px !important;
        left: 50% !important;
        right: 0 !important;
        margin-right: 0px !important;
        margin-left: -155px !important;
        top: 95px !important;
        z-index: 999999 !important;
    }

    label.input {
        width: 293px;
    }

    label.input input {
        width: 243px;
    }

    label.input textarea {
        max-width: 243px !important;
        min-width: 243px !important;
    }

    .storyL {
        float: left;
        width: 300px;
    }

    .storyL * {
        max-width: 300px;
    }

    .sidebar {
        float: right;
        width: 300px;
        margin-left: 0px;
        margin: 20px 0;
    }

    .sidebar .calcsidebar {
        width: 278px;
        margin: 3px 0px;
    }

    .sidebar .calcsidebar p button {
        margin: 15px 78px 2px;
    }

    .sidebar .calcsidebar ul {
        font-size: 12px;
    }

    .bb-editor textarea {
        border-radius: 5px 5px 5px 5px;
        max-width: 293px !important;
        min-width: 293px !important;
    }

    .ui-widget textarea {
        max-width: 280px !important;
        min-width: 280px !important;
    }

    header .links span ul {
        left: 60px;
    }

    .profile .rcol {
        width: 300px;
    }

    .profile .rcol ul {
        padding: 0px 0px 0px 10px;
    }

    .profile .lcol {
        width: 300px;
        margin: 0px;
    }

    .editProfile textarea {
        width: 283px !important;
    }

    .label select {
        width: 295px !important;
    }

    .rcol .reset li {
        font-size: 13px;
    }

    .fullstory .bar .editor, .fullstory .bar .er-btn {
        display: none;
    }

    .storyL table {
        overflow-x: auto;
        display: block;
        max-width: 290px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        padding: 3px 3px 8px;
        border: 1px dotted;
    }

    .mwin {
        max-height: 400px;
        width: 300px;
    }

    .mwin img {
        max-width: 250px;
    }

    .mwin ul {
        font-size: 13px;
    }

    .maincatinformer .catinformer {
        width: 92.5%;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.99;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.99;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.99;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.99;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.99;
    }
}

.wrapper.animated_wrap .fade-in {
    -ms-animation: fadeIn ease-in 1;
    -o-animation: fadeIn ease-in 1;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -ms-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.wrapper.animated_wrap .img, .wrapper.animated_wrap .imagerelativeleft, .wrapper.animated_wrap .imagerelativeright, .wrapper.animated_wrap .imagerelative {
    -ms-animation: fadeIn ease-in 1;
    -o-animation: fadeIn ease-in 1;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -ms-animation-fill-mode: backwards;
    -o-animation-fill-mode: backwards;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.wrapper.animated_wrap .animated_head {
    -ms-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.wrapper.animated_wrap .animated_nav {
    -ms-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.wrapper.animated_wrap .animated_content {
    -ms-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.wrapper.animated_wrap .animated_footer {
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}