@import "http://fonts.googleapis.com/css?family=Ubuntu:400,700&subset=latin,cyrillic";

/* css reset */
html, body {height:100%;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, kbd, q, samp, small, strong, sub, sup, var, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
}

body
{
    font: 14px/1.5 Arial, Tahoma, Verdana, sans-serif;
    color: #000000;
    /*background: url(images/body-bg.jpg) repeat center top;*/
    background: url(images/bg.png) repeat center top;
}

img
{
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

nav ul { list-style:none; }

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:&apos;&apos;; content:none; }

/* links */
a {text-decoration: underline; outline: none; color: #1983aa;}
/*a:visited {color: #551a8b;}*/
a:hover {text-decoration: none;}

ins {text-decoration:none;}

mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}

del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor:help;}

img, table {border-style: none;}
table { border-collapse:collapse; border-spacing:0; }

hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}

input, select {vertical-align:middle;}
textarea, button, input, select {}
/* / css reset */

/* ################# UI ELEMENTS ###################### */

/* ### text input ### */
/* 1 */
.b-text-input {
    background: #fff;
    border: 1px solid #d4d3d2;
    border-radius: 3px;
    padding: 7px 10px 0 10px;
    height: 20px;
    display: block;
    font-size: 12px;
}
.b-text-input__field {
    border: 0;
    padding: 0;
    margin: 0;
    font: 12px Arial, Tahoma, sans-serif;
    color: #5f5f5f;
    width: 100%;
    display: block;
    outline: none;
}
.b-text-input[disabled] {
    background: #f4f4f4;
}
/* 2 - actual */
.b-input {
    background: #fff;
    position: relative;
    zoom: 1;
    font-size: 12px;
    color: #5f5f5f;
}
.b-input .b-input__dform {
    background: #fff;
    border: 1px solid #d4d3d2;
    border-radius: 3px;
    padding: 7px 10px 0 10px;
    height: 20px;
}
.b-input input {
    background: transparent;
    width: 100%;
    border: 0px;
    display: block;
    padding: 0;
    margin: 0;
    outline: none;
    font: 12px Arial, Tahoma, sans-serif;
    color: #5f5f5f;
}
.b-input:hover .b-input__dform,
.b-input__focus .b-input__dform {
    border-color: #66b9ea;
}
/* ### // text input ### */

/* ### textarea ### */
.b-textarea {
    background: #fff;
    overflow: hidden;
    position: relative;
    zoom: 1;
    font-size: 15px;
    color: #a9a9a9;
}
.b-textarea__dform {
    overflow: hidden;
    padding: 5px 8px;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
}
.b-textarea textarea {
    background: url(images/px.gif) left top;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
    resize: none;
    outline: none;
    font: 12px Arial, Tahoma, sans-serif;
    color: #5f5f5f;
    display: block;
}
.b-textarea:hover .b-textarea__dform,
.b-textarea__focus .b-textarea__dform {
    border-color: #66b9ea;
}
/* ### // textarea ### */

/* ### selectbox ### */
.selectBox-dropdown {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 12px;
    line-height: 28px;
    position: relative;
    text-decoration: none !important;
    text-align: left;
    outline: none;
    vertical-align: top;
    background: #fff;
    border: 1px solid #d4d3d2;
    border-radius: 3px;
    display: inline-block;
    cursor: default;
    height: 27px;
    color: #5f5f5f;
    position: relative;
    display: block;
    padding-right: 28px;
    padding-left: 10px;
}
.selectBox-dropdown:focus,
.selectBox-dropdown-focus,
.selectBox-dropdown:hover,
.selectBox-dropdown:hover .selectBox-dropdown-focus {
    outline: none;
    border-color: #66b9ea;
}
.selectBox-dropdown .selectBox-label {
    padding: 0;
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 100%;
    background: url("data:image/gif;base64,R0lGODlhBwAEAIABAHldXf///yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==") no-repeat 50% center;
    cursor: pointer;
}
.selectBox-menuShowing .selectBox-arrow {
    background-image: url("data:image/gif;base64,R0lGODlhBwAEAIABAHldXf///yH5BAEAAAEALAAAAAAHAAQAAAIHjGEJq8sOCwA7");
    background-position: 50% 12px;
}
/* Dropdown menu */
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    min-height: 1em;
    border: 1px solid #e1c897;
    border-color: #66b9ea;
    background: #fff;
    overflow: auto;
}
/* Inline control */
.selectBox-inline {
    min-width: 150px;
    outline: none;
    border: solid 1px #BBB;
    background: #FFF;
    display: inline-block;
    overflow: auto;
}
.selectBox-inline:focus {

}
/* Options */
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0;
    color: #5f5f5f;
    text-decoration: none;
}
.selectBox-options {
    margin-top: -2px;
}
.selectBox-options li a {
    padding: 5px 9px;
    overflow: hidden;
    background: transparent;
    text-decoration: none;
    font-size: 12px;
}
.selectBox-options li.selectBox-hover a {
    background: #eee;
}
.selectBox-options li.selectBox-disabled a {
    color: #888;
    background-color: transparent;
}
.selectBox-options li.selectBox-selected a {
    background: #ffd931;
}
.selectBox-options .selectBox-optgroup {
    color: #666;
    background: #eee;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 .3em;
    white-space: nowrap;
}
/* Disabled state */
.selectBox.selectBox-disabled {
    color: #888 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    opacity: .5;
    border-color: #666;
}
.selectBox-inline.selectBox-disabled {
    color: #888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options A {
    background-color: transparent !important;
}
/* ### // selectbox ### */

/* ### buttons ### */
.b-button {
    background: #ffd931;
    border-bottom: 2px solid #e7c412;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font: 12px/14px Tahoma, Arial, Geneva, sans-serif;
    padding: 6px 18px 6px 17px;
    transition: all 0.5s ease;
    text-decoration: none;
    border-radius: 5px;
    position: relative;
}
.b-button:hover {
    background: #4b3e2f;
    border-bottom-color: #4b3e2f;
    color: #fff;
    text-decoration: none;
}
.b-button span {
    /*padding: 0px 15px 0px 15px;
    text-align: center;*/
}
.b-button button,
.b-button input {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    color: #fff;
    margin: 0px;
    padding: 0px;
    float: left;
    cursor: pointer;
    display: block;
    background: url(images/px.gif) repeat left top;
}
/* sizes & colors */
.b-button__mini {
    padding: 6px 18px 6px 17px;
}
.b-button__maxi {
    padding: 12px 30px 12px 30px;
    font-size: 15px;
    line-height: 16px;
}
.b-button__yellow {
    background: #ffd931;
    border-bottom: 2px solid #e7c412;
    color: #000;
}
.b-button__yellow:hover {
    background: #4b3e2f;
    background: #f1c40f;
    border-bottom-color: #f1c40f;
    color: #000;
}
.b-button__gray {
    background: #bdc3c7;
    border-bottom: 2px solid #7f8c8d;
    color: #000;
}
.b-button__gray:hover {
    background: #cacfd2;
    border-bottom-color: #7f8c8d;
    color: #000;
}
/* ### // buttons ### */

/* ################# // UI ELEMENTS ###################### */


.b-btn {background-image:none;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0px 1px 0px transparent;-moz-box-shadow:inset 0px 1px 0px transparent;box-shadow:inset 0px 1px 0px transparent;-webkit-text-shadow:1px 1px 1px #fff;-moz-text-shadow:1px 1px 1px #fff;text-shadow:1px 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(top,#fff,#e6e6e6);background-color:#f5f5f5;padding: 0px; height: 29px; margin: 0px;font-size:15px;line-height:28px;cursor:pointer;text-align:center;cursor:pointer;border:1px solid #fff;border-color:#d3d3d3 #c6c4c4 #b9b5b5;letter-spacing:0; position: relative; zoom: 1; float: left; display: block; color: #000; text-decoration: none; cursor: pointer; height: 29px; padding: 0px 16px 0px 16px;}
.b-btn:hover{-webkit-box-shadow:0px 0px 5px rgba(170,170,170,0.32),inset 0px 1px 0px transparent;-moz-box-shadow:0px 0px 5px rgba(170,170,170,0.32),inset 0px 1px 0px transparent;box-shadow:0px 0px 5px rgba(170,170,170,0.32),inset 0px 1px 0px transparent;background-image:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#ebebeb));background-image:-webkit-linear-gradient(top,#fefefe,#ebebeb);background-image:-moz-linear-gradient(top,#fefefe,#ebebeb);background-image:-o-linear-gradient(top,#fefefe,#ebebeb);background-image:linear-gradient(top,#fefefe,#ebebeb);background-color:#f4f4f4;border-color:#d3d3d3 #c6c4c4 #b9b5b5}
.b-btn:active{-webkit-box-shadow:inset 0px 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 2px 5px rgba(0,0,0,0.2);box-shadow:inset 0px 2px 5px rgba(0,0,0,0.2)}
.b-btn button, .btn_4_red button, .btn_4_green button {background: transparent; position:absolute; top:0; left:0; width:100%; height:100%; border:none; color: #fff; margin: 0px; padding: 0px; float: left; cursor: pointer; display: block; background: url(../../images/px.gif) left top;}


/* ################# MAIN STRUCTURE ###################### */



/* ################# CONTENT ###################### */

/* */
.b-soderganie {
    clear: both;
}
.entry .b-soderganie ul li,
.entry .b-soderganie ol li {
    margin-bottom: 0;
}

/* */
.b-breadcrumbs,
.b-navigation-line {
    margin: 0px 0px 15px 0px;
    font-size: 13px;
}


.head-h2 {
    font-size: 22px;
    margin: 0px 0px 10px 0px;
    clear: both;
}



/* ### template styles ### */
.b-page {
    background: url(images/b-page-bg.png) repeat 0 0;
    /*padding: 20px 0 0 0;*/
    margin: 0 auto;
    max-width: 1106px;
    overflow: hidden;
}
.b-page__wrap {
    min-width: 320px;
   /*max-width: 1068px;*/
    /*min-width: 1000px;*/
    /*width: 1068px;*/
    margin: 0 auto;
    background: #fff;
    position: relative;
    border: 1px solid;
    border-color: #f2f3f5 #e4e7ec #cad0d9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.b-page__content {
    padding: 33px 0 31px 0;
}
.b-page__content-in {
    margin: 0 35px;
}
.b-page__arrow {
    background: url(images/b-page__arrow.png) no-repeat 0 0;
    opacity: 0.7;
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    left: 50%;
    bottom: 20px;
    margin: 0 0 0 580px;
    cursor: pointer;
    display: none;
    opacity: 0;
}
.b-page__arrow:hover {
    opacity: 1 !important;
}

/* ### // template styles ### */

/* ### header ### */
.b-header {
    /*background: url(images/header-bg.png) repeat-x left top #fff;*/
     background-color: #fff;
    padding: 20px 30px;
    position: relative;
}

.b-header__logo {
    width: 302px;
    height: 66px;
    font-size: 0;
    line-height: 0;
}
.b-header__logo-a {
    background: url(images/logo-vps.png) no-repeat 0 0;
    width: 302px;
    height: 66px;
    display: block;
    cursor: pointer;
}

/*.b-header__search {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 365px;
    border: 1px solid #c7e1f2;
    padding: 15px 14px 15px 14px;
    background-color: #d9edfb;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDczOCA1NSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjczOCIgaGVpZ2h0PSI1NSIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 41.85%, rgba(255,255,255,0) 44.29%, rgba(255,255,255,.4) 100%);
    background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 41.85%, rgba(255,255,255,0) 44.29%, rgba(255,255,255,.4) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 41.85%, rgba(255,255,255,0) 44.29%, rgba(255,255,255,.4) 100%);
    background-image: linear-gradient(bottom, rgba(255,255,255,0) 41.85%, rgba(255,255,255,0) 44.29%, rgba(255,255,255,.4) 100%);

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
    box-shadow:  inset 0 1px 0 rgba(255,255,255,.7);

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.b-header__search-field {
    border: 1px solid #CECECE;
    color: #858585;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 16px;
    margin-right: 15px;
    padding: 5px 10px;
    width: 250px;
    float: left;
    margin: 0px 15px 0px 0px;
}

.b-header__search-submit {background-image:none;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:inset 0px 1px 0px transparent;-moz-box-shadow:inset 0px 1px 0px transparent;box-shadow:inset 0px 1px 0px transparent;-webkit-text-shadow:1px 1px 1px #fff;-moz-text-shadow:1px 1px 1px #fff;text-shadow:1px 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(top,#fff,#e6e6e6);background-color:#f5f5f5;padding: 0px; height: 29px; margin: 0px;font-size:15px;line-height:28px;cursor:pointer;text-align:center;cursor:pointer;border:1px solid #fff;border-color:#d3d3d3 #c6c4c4 #b9b5b5;letter-spacing:0; position: relative; zoom: 1; float: left; display: block; color: #000; text-decoration: none; cursor: pointer;float: left;}

.b-header__search-submit span {padding: 0px 16px 0px 16px;margin:0; float: left; display: block; height: 29px;}

.b-header__search-submit:hover{-webkit-box-shadow:0px 0px 5px rgba(170,170,170,0.32),inset 0px 1px 0px transparent;-moz-box-shadow:0px 0px 5px rgba(170,170,170,0.32),inset 0px 1px 0px transparent;box-shadow:0px 0px 5px rgba(170,170,170,0.32),inset 0px 1px 0px transparent;background-image:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#ebebeb));background-image:-webkit-linear-gradient(top,#fefefe,#ebebeb);background-image:-moz-linear-gradient(top,#fefefe,#ebebeb);background-image:-o-linear-gradient(top,#fefefe,#ebebeb);background-image:linear-gradient(top,#fefefe,#ebebeb);background-color:#f4f4f4;border-color:#d3d3d3 #c6c4c4 #b9b5b5}

.b-header__search-submit:active{-webkit-box-shadow:inset 0px 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:inset 0px 2px 5px rgba(0,0,0,0.2);box-shadow:inset 0px 2px 5px rgba(0,0,0,0.2)}

.b-header__search-submit button {
    background: transparent;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    color: #fff;
    margin: 0px;
    padding: 0px;
    float: left;
    cursor: pointer;
    display: block;
    background: url(images/px.gif) left top;
}*/

.b-header__search {
    position: absolute;
    right: 240px;
    top: 33px;
    width: 344px;
}
.b-header__search:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAkCAIAAACMvhS2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOxJREFUeNrsVW0OgyAMrcbzja9zguxKy9zXL2/QVTCGLWaic8SxkaaxtaS81xaKtm0hySoh1aoAMVEmTIUpR/YSYsIMMaXsckyGCbaFSWszfCslP1UnbYySMsiqQ3O13vNpSJP0mJy5/jzRf+wWJRBDsHfOZG+6ThSASvLHSISZvVTFnGw0Zu4clp6IFyI5N6YOPc6EyY1PUtzOTcyJTG1DUwpOHtLxmIrrqVkwHMbaDqvTq7E3TiljHSanI7eUuCwVoOA7wuR1TPxb955grLb7vucn63Q5Hv5v7vYxVfC7b+5XYcqzTtmxdxdgAFUmOmWJkuPxAAAAAElFTkSuQmCC") no-repeat scroll 0 0 #eae7e5;
    border-radius: 4px 0 0 4px;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
}
.b-header__search-field {
    border: medium none;
    border-radius: 4px;
    float: left;
    font: 12px/36px Arial,sans-serif;
    background: #fff;
    color: #787878;
    height: 35px;
    padding: 0 8px 0 43px;
    width: 190px;
    border: 1px solid #e8e1e2;
}
.b-header__search-field:focus {
    color: #000;
}
.b-header__search-submit {
    border-radius: 4px;
    text-shadow:1px 1px 1px #fff;
    background: url("data:image/gif;base64,R0lGODlhIQAkALMAAP/YAP/UAP/gAP/SAP/cAP/XAP/hAP/WAP/fAP/eAP/dAP/ZAP/bAP/VAP/aAAAAACH5BAAAAAAALAAAAAAhACQAAAT/0DlGmixHyb0b0BKjNAvHKYDVEIwpLY3SbgrshuPw3Q4Jnh5OY0gswIjI4Y/DShqehppjAa0+GRZXoYCobmAKhO2WwLgCjJnJx0iQbqL35lBI3FJ2B8ER4NWyUzFqQnobCXQ8biU9C0sbGHkhWDx7fXg8K4MOZYAmhwUWey4ejhMjiyZpAQeRayw3f0lEBwBHsg0MBzwFAAkIv8C/DAsLvsHACSkuMAQsac8tBRoH0NWnazs3PiMFfmMvgjegdk08DtwdjZgUEoe6N+UO4zwHrBsUci7uPezLmRzJOnHAt6qVkF4urnUgssDMgVtKYC0IgCTYMAa9jgFTyIHOsS8xdhD08CYQjCYJFjR88pOPUSl59iZMgjUS3Es+aQyZIYOIz7kbdFrFQTWQQR9IN0ya+JMIA5qTLskIHNigANQeolwQsCXrADGIMbwCXSDACpQaZM0+YWpCqYtLfRIFEaJOm56V8GpKuCTOXpqphnryy+pqRkAXEQAAOw==") repeat-x scroll 0 0 #e5b709;
    color: #665700;
    cursor: pointer;
    height: 36px;
    margin: 0 0 0 6px;
    width: 74px;
    line-height: 36px;
    position: relative;
    zoom: 1;
    float: left;
    display: block;
    cursor: pointer;
}
.b-header__search-submit span {
    padding: 0px 16px 0px 16px;
    margin:0;
    float: left;
    display: block;
    height: 36px;
}
.b-header__search-submit:active{
    box-shadow:inset 0px 2px 5px rgba(0,0,0,0.2), 0 0 10px #e2e2e2;
}
.b-header__search-submit button {
    background: transparent;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    color: #fff;
    margin: 0px;
    padding: 0px;
    float: left;
    cursor: pointer;
    display: block;
    background: url(images/px.gif) left top;
}
.b-header__fav {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAYAAACdz7SqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjVJREFUeNq8Vk1ERVEQvv14RERExMullFKiRJRW0aqIRIkSUWoVKdIupXi0essiLSJFIiJKkVJKbXqrFK2iTU8Rj77hu0zH+7nn1mv4zL3nnjnfmTkzc27O+6kTVBaB2SCGuQEJu4AZ6n8hzaOXIst8zzrpCFDD5yq+W0mO5ZkWAg9AmRp7AaqBeLY8nVCEMeoyjmfF02Lgid6Kd/XAFeDSy3Lg7a89nSehyAIJ5lTY5//a02ZAZoYY1logwcwVbxuAL6ANuMy0WH6SsTou0qh0ofo+TUKHWt4PuaELhvoauFX63vR0ELpVEaSruzN6Y4qQdqSxS6gNnAmpTN7nTk15NXZ9wjFTSoB2I0KlSebJEXR7Z9oHbCovV4BVZmlQkVIaVQkm3g4AW172bgGTymCUJfIbEfsx9T5Jnh8lE1W3RhFwBFQEJAwDBwy7w3Wjqep0CYioczo0Wp4fKeGGPbsI103bHKaADT673LHfUBdxo16ENrier440DOypuh3ySdrPzHVoP2zTBhP6DCyy+MXIkYRt7w2r50efpI8p7H2TuhlIQxlI3d+Qxo0uJGe8BnywoTSob3F1vQUi9cLzTN0C7AB3TKw8Js4NM7zV8DZsc8uYnsrix+ytWmL8RxLpJM5V2K09LVANu8og3AWa+F8kelt9a2H4HdqHbEjdJCW0TqIe3jgOdS/H15OUiGtD6p3HJ+utkoUeSzE/xu+VnP8ZhLSYPVN+tsYt63ScdpFU7fNbgAEAWO+BWkV+ZFgAAAAASUVORK5CYII=") no-repeat 0 0;
    color: #e8e1e2;
    padding: 5px 0 5px 38px;
    position: absolute;
    right: 35px;
    top: 35px;
    float: left;
}
.b-header__fav-a {
    color: #998267;
    border-bottom: 1px dotted #998267;
    text-decoration: none;
}

/* ### // header ### */

/* ### top menu ### */
.b-top-menu {
    color: #fff;
    /*font-size: 13px;
    font-family: 'helveticaneuecyrmedium';*/
    font: 14px/17px "Trebuchet MS",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    /*background: url(images/b-top-menu.jpg) left top repeat-x #242424;*/
     background: #323a45;
    height: 57px;
    /*text-shadow: 0px -1px 0px #387906;*/
    /*border-bottom: 17px solid #e6e2cb;*/
}
.b-top-menu__inn {
    padding: 0 10px 0 10px;
    zoom: 1;
}
.b-top-menu__mobile {
    display: none;
}
.b-top-menu ul {
    margin: 0px;
    padding: 0px;
    float: left;
}
.b-top-menu ul li {
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
}
.b-top-menu__pos {
    position: relative;
    float: left;
}
.b-top-menu ul li a {
    float: left;
    color: #fff;
    text-decoration: none;
    padding: 0px 20px 0px 20px;
    height: 57px;
    line-height: 56px;
    position: relative;
}
.b-top-menu ul li:hover a {
    background-color: #ffda00;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkRBMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNENUIyMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0NTIpIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(top, #ffda00, #d5b200);
    background-image: -webkit-linear-gradient(top,#ffda00,#d5b200);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffda00), color-stop(1, #d5b200));
    background-image: -o-linear-gradient(top, #ffda00, #d5b200);
    background-image: linear-gradient(top, #ffda00, #d5b200);
    background-image: -ms-linear-gradient(top,#ffda00,#d5b200);
    color: #665700;
}
.b-top-menu ul .current-menu-item a,
.b-top-menu ul .current-menu-parent a {
    background-color: #ffda00;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkRBMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNENUIyMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0NTIpIiAvPgo8L3N2Zz4=);
    background-image: -moz-linear-gradient(top, #ffda00, #d5b200);
    background-image: -webkit-linear-gradient(top,#ffda00,#d5b200);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffda00), color-stop(1, #d5b200));
    background-image: -o-linear-gradient(top, #ffda00, #d5b200);
    background-image: linear-gradient(top, #ffda00, #d5b200);
    background-image: -ms-linear-gradient(top,#ffda00,#d5b200);
    color: #665700;
}
.b-top-menu .sub-menu {
    position: absolute;
    left: -1px;
    top: 56px;
    float: none;
    width: 250px;
    background: #fff;
    border: 1px solid #998267;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    z-index: 500;
}
.b-top-menu ul li:hover .sub-menu {
    display: block;
}
.b-top-menu .sub-menu li {
    float: none;
}
.b-top-menu .sub-menu li a {
    float: none;
    height: auto;
    display: block;
    color: #000;
    text-shadow: none;
    text-transform: none;
    line-height: normal;
    padding: 10px 20px 10px 20px;
    zoom: 1;
    margin: 0px;
    border: 0px;
}
.b-top-menu li .sub-menu li a, .b-top-menu li:hover .sub-menu li a {
    background: transparent;
    color: #000;
}
.b-top-menu li .sub-menu li a:hover, .b-top-menu li:hover .sub-menu li a:hover {
    background: #f0f0f0;
    color: #000;
}
.b-top-menu li .sub-menu .current-menu-item a, .b-top-menu li:hover .sub-menu .current-menu-item a:hover,
.b-top-menu li .sub-menu .current-menu-parent a, .b-top-menu li:hover .sub-menu .current-menu-parent a:hover {
    background: #f0f0f0 !important;
    color: #000 !important;
}
/* ### // top menu ### */

/* ### main menu ### */
.b-main-menu {
    color: #fff;
    font: 13px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    text-align: left;
    background: #ededed;
}
.b-main-menu .menu-main-menu-container {
    padding: 6px 20px 5px 20px;
    float: left;
}
.b-main-menu__inn {
    padding: 0 10px 0 10px;
    zoom: 1;
}
.b-main-menu ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}
.b-main-menu ul li {
    padding: 0px;
    margin: 0 15px 5px 0;
    display: inline-block;
    text-transform: none;
}
.b-main-menu ul li a {
    color: #fff;
    color: #000;
    text-decoration: underline;
}
.b-main-menu ul li a:hover {
    text-decoration: none;
}
.b-main-menu ul .current-menu-item a,
.b-main-menu ul .current-menu-parent a {
    text-decoration: none;
    font-weight: bold;
}
.b-main-menu .b-user-panel {
    float: right;
    padding: 6px 20px 10px 20px;
}
/* // main menu */

/* ### footer ### */
.b-footer {
    color: #fff;
    font: 14px "Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 31px 24px;
    /*margin: 0 24px;*/
    background: #323a45;
}
.b-footer__left {
    width: 63%;
    float: left;
}
.b-footer__right {
    float: right;
    width: 33%;
    padding: 0;
}
.b-footer__info {
    margin: 0 0 10px 0;
}
.b-footer__info a {
    color: #cfb77e;
    text-decoration: underline;
}
.b-footer__info a:hover {
    text-decoration: none;
}
.b-footer__counter {
    font-size: 0;
    line-height: 0;
}
.b-footer__menu {
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
}
.b-footer__menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.b-footer__menu li {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    padding: 0 0 0 11px;
    margin: 0 0 0 6px;
    border-left: 1px solid #fff;
}
.b-footer__menu li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
}
.b-footer__menu li a {
    color: #fff;
    text-decoration: underline;
}
.b-footer__menu li a:hover {
    text-decoration: none;
}
.b-footer__18 {
    display: inline-block;
    background: url(images/18.gif) no-repeat 0 0;
    width: 22px;
    height: 13px;
    position: relative;
    top: 2px;
    margin: 0 0 0 3px;
}
.b-footer__contact {
    margin: 0 0 15px 0;
}
.b-footer__contact p {
    padding: 0;
    margin: 0;
}
.b-footer__contact a {
    color: #fff;
    text-decoration: underline;
}
.b-footer__contact a:hover {
    text-decoration: none;
}

/* ### // footer ### */

/* ### social ### */
.b-social {
    font-size: 0;
    line-height: 0;
}
.b-social p {
    font-size: 14px;
    line-height: normal;
    margin: 0 0 5px 0;
}
.b-social__ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}
.b-social__li {
    margin: 0 8px 0 0;
    padding: 0;
    display: inline-block;
}
.b-social__li a {
    background: url(images/b-social.png) no-repeat -58px 0;
    display: inline-block;
    width: 32px;
    height: 32px;
}
@-webkit-keyframes icons-rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@keyframes icons-rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.b-social__li a:hover {
    -webkit-animation: 0.8s ease-out 0s alternate 1 icons-rotate;
            animation: 0.8s ease-out 0s alternate 1 icons-rotate;
}
.b-social__vk a {
    background-position: -58px 0;
}
.b-social__od a {
    background-position: -58px -64px;
}
.b-social__fb a {
    background-position: -58px -32px;
}
.b-social__gp a {
    background-position: -58px -96px;
}
.b-social__tw a {
    background-position: -58px -128px;
}
.b-social__yt a {
    background-position: -58px -160px;
}
/* ### // social ### */

/* ### read also ### */
.b-read-also {
    margin: 0 0 20px 0;
}
.b-read-also__title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 25px 0;
}
.b-read-also__wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.b-read-also__li {
    margin: 0 0 15px 0;
    padding: 0;
    color: #816c54;
    font: 16px/20px Arial,Helvetica,sans-serif;
    text-shadow: 1px 0 rgba(129, 108, 84, 0.5);
}
.b-read-also__li img {
    width: 90px;
    height: 90px;
    float: left;
    margin: 0 15px 0 0;
}
.b-read-also__li a {
    color: #816c54;
    text-decoration: none;
}
.b-read-also__li a:hover {
    text-decoration: underline;
}
.b-read-also__link {
    display: block;
    margin: 0 0 0 105px;
    word-wrap: break-word;
}
/* ### // read also ### */

/* ### new articles ### */
.b-new-arts {
    margin: 0 0 25px 0;
}
.b-new-arts__head {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 26px 0;
}
.b-new-arts__head-a:hover {
    text-decoration: none;
}
.b-new-arts__wrap {
    width: 100%;
    float: right;
    margin: 0 0 0 -50%;
}
.b-new-arts__right {
    margin: 0 0 0 50%;
}
.b-new-arts__ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.b-new-arts__li {
    margin: 0 0 16px 0;
}
.b-new-arts__li-img {
    width: 100px;
    float: left;
}
.b-new-arts__li-img a {
    display: block;
    height: 85px;
    overflow: hidden;
}
.b-new-arts__li-img img {
    width: 100px;
    height: auto;
    margin: -7px 0 0 0;
}
.b-new-arts__li-text {
    margin: 0 0 0 115px;
}
.b-new-arts__li-title {
    margin: -4px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}
.b-new-arts__li-title-a {
    text-decoration: none;
    border-bottom: 1px solid #cce2ee;
}
.b-new-arts__li-title-a:hover {
    text-decoration: none;
    color: #f34747;
    border-bottom: 1px solid #fddada;
}
/*.b-new-arts__li-title-a:visited {
    color: #006087;
}*/
.b-new-arts__li-desc {
    font-size: 11px;
    line-height: 14px;
    max-height: 30px;
    overflow: hidden;
}
.b-new-arts__li-cat {
    font-size: 11px;
    font: 11px Tahoma, Arial, sans-serif;
    padding: 0;
    margin: 0 0 5px 0;
}
.b-new-arts__li-cat-a {
    color: #998267;
    text-decoration: underline;
    display: inline-block;
    transition: all 0.5s ease;
    margin: 0 5px 0 0;
}
/*.b-new-arts__li-cat-a:visited {
    color: #998267;
}*/
.b-new-arts__li-cat-a:hover {
    text-decoration: none;
    color: #fc912f;
}
.b-new-arts__left {
    width: 320px;
    float: left;
}
.b-new-arts__left .b-new-arts__li-cat {
    padding: 0;
    margin: 4px 0 0 0;
}
.b-new-arts__left-img {
    font-size: 0;
    line-height: 0;
    margin: 0 0 10px 0;
}
.b-new-arts__left-title {
    font-size: 19px;
    line-height: 22px;
}
.b-new-arts__left-title a {
    text-decoration: none;
    border-bottom: 1px solid #cce2ee;
}
.b-new-arts__left-title a:hover {
    text-decoration: none;
    color: #f34747;
    border-bottom: 1px solid #fddada;
}
/*.b-new-arts__left-title a:visited {
    color: #006087;
}*/
.b-new-arts__left-desc {
    padding: 10px 0 0 0;
    font-size: 12px;
    line-height: 18px;
}
.b-new-arts__left-desc .read-more {
    display: none;
}
/* ### // new articles ### */

/* ### popular articles ### */
.b-popular {
    margin: 0 0 25px 0;
}
.b-popular__head {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 26px 0;
}
.b-popular__wrap {
    font-size: 0;
    line-height: 0;
}
.b-popular__item-big,
.b-popular__item-small {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 20px 0;
}
.b-popular__item-in {
    margin: 0 30px 0 0;
}
.b-popular__item-big .b-popular__img {
    margin: 0 0 10px 0;
    width: 100%;
    overflow: hidden;
}
.b-popular__item-big .b-popular__img img {
    max-height: 180px;
    width: auto;
}
.b-popular__item-big .b-popular__title {
    font-size: 18px;
    line-height: 1.4;
}
.b-popular__item-big .b-popular__title-a {
    text-decoration: none;
    border-bottom: 1px solid #cce2ee;
}
.b-popular__item-big .b-popular__title-a:hover {
    text-decoration: none;
    color: #f34747;
    border-bottom: 1px solid #fddada;
}
.b-popular__item-big .b-popular__desc {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 0 0;
}
.b-popular__item-big .b-popular__desc .read-more {
    display: none;
}
.b-popular__item-small .b-popular__img {
    width: 100px;
    float: left;
}
.b-popular__item-small .b-popular__img a {
    display: block;
    height: 85px;
    overflow: hidden;
}
.b-popular__item-small .b-popular__img img {
    width: 100px;
    height: auto;
    margin: -7px 0 0 0;
}
.b-popular__item-small .b-popular__title {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 0 115px;
}
.b-popular__item-small .b-popular__title-a {
    text-decoration: none;
    border-bottom: 1px solid #cce2ee;
}
.b-popular__item-small .b-popular__title-a:hover {
    text-decoration: none;
    color: #f34747;
    border-bottom: 1px solid #fddada;
}
.b-popular__item-small .b-popular__desc {
    font-size: 11px;
    line-height: 14px;
    max-height: 30px;
    overflow: hidden;
    margin: 0 0 0 115px;
    padding: 4px 0 0 0;
}
/* ### // popular articles ### */

/* ### list expo ### */
.b-expo {
    margin: 0 0 45px -35px;
    padding: 20px 35px 35px 35px;
    width: 100%;
    background:#ebebeb;
    position:relative;
}
.b-expo:before {
    position: absolute;
    content: ' ';
    height:8px;
    right:0;
    bottom:-8px;
    display:block;
    width:100%;
    background-image: url(data:image/gif;base64,R0lGODlhDgAIAJEAAAAAAP///+vr6////yH5BAEAAAMALAAAAAAOAAgAAAIPlI+py+064mhSrloTxqYAADs=);
}
.b-expo:after {
    position: absolute;
    content: ' ';
    height:8px;
    right:0;
    top:-8px;
    display:block;
    width:100%;
    background-image: url(data:image/gif;base64,R0lGODlhDgAIAJEAAAAAAP///+vr6////yH5BAEAAAMALAAAAAAOAAgAAAIPlIapxrrcHJxv2ouz3qwAADs=);
}
.b-expo__head {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 26px 0;
}
.b-expo__head-a {
    color: #000;
    text-decoration: none;
}
.b-expo__head-a:hover {
    text-decoration: underline;
}
/*.b-expo__head-a:visited {
    color: #000;
}*/
.b-expo__block {
}
.b-expo__wrap {
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 -3%;
}
.b-expo__li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 0 0 3%;
}
.b-expo__li-img {
    width: 100px;
    float: left;
}
.b-expo__li-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.b-expo__li-rt {
    margin: 0 0 0 120px;
}
.b-expo__li-title {
    font-size: 15px;
    line-height: 1.4;
    font-family: "Trebuchet MS", Arial, sans-serif;
    min-height: 100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
}
.b-expo__li-title-a {
    color: #1983aa;
    text-decoration: underline;
}
.b-expo__li-title-a:hover {
    text-decoration: none;
}
/*.b-expo__li-title-a:visited {
    color: #1983aa;
}*/
/* ### // list expo ### */

/* ### list video ### */
.b-list-video {
    margin: 0 0 25px 0;
}
.b-list-video__head {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 26px 0;
}
.b-list-video__head-a {
    color: #000;
    text-decoration: none;
}
.b-list-video__head-a:hover {
    text-decoration: underline;
}
/*.b-list-video__head-a:visited {
    color: #000;
}*/
.b-list-video {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.b-list-video__li {
    margin: 0 0 20px 0;
    padding: 0;
    transition: all 0.5s ease;
}
.b-list-video__li:hover {
    background: #f2f2f2;
}
.b-list-video__li-img {
    width: 300px;
    float: left;
    font-size: 0;
    line-height: 0;
    position: relative;
}
.b-list-video__li-img a {
    display: block;
    overflow: hidden;
}
.b-list-video__li-img img {
    width: 300px;
    height: auto;
}
.b-list-video__li-img i {
    content: '';
    background: url(images/ico-video.png) no-repeat 0 0;
    cursor: pointer;
    display: block;
    height: 77px;
    left: 50%;
    margin: -33px 0 0 -33px;
    position: absolute;
    top: 50%;
    width: 77px
}
.b-list-video__li:hover .b-list-video__li-img i {
    background-position: 0 -77px;
}
.b-list-video__li-text {
    margin: 0 0 0 320px;
    padding: 12px 20px 0 0;
}
.b-list-video__li-title {
    margin: 0 0 8px 0;
    font-size: 18px;
    line-height: 22px;
}
.b-list-video__li-title-a {
    color: #816c54;
    text-decoration: underline;
}
/*.b-list-video__li-title-a:visited {
    color: #816c54;
}*/
.b-list-video__li-title-a:hover {
    text-decoration: none;
    color: #fc912f;
}
.b-list-video__li-desc {
    font-size: 12px;
    line-height: 18px;
}
.b-list-video__li-desc .read-more {
    display: none;
}
.b-list-video__li-more {

}
.b-list-video__li-more-a {
    background: #ffd931;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font: 12px/14px Tahoma,Geneva,sans-serif;
    padding: 6px 18px 6px 17px;
    transition: all 0.5s ease;
    text-decoration: none;
    border-bottom: 2px solid #e7c412;
    border-radius: 5px;
}
/*.b-list-video__li-more-a:visited {
    color: #000;
}*/
.b-list-video__li-more-a:hover {
    background: #4b3e2f;
    border-bottom-color: #4b3e2f;
    color: #fff;
    text-decoration: none;
}
/* ### // list video ### */

/* ### side calculate ### */
.b-side-calc {
    margin: 0 0 20px 0;
}
.b-side-calc__head {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 26px 0;
}
.b-side-calc__head a {
    color: #000;
    text-decoration: none;
}
.b-side-calc__head a:hover {
    text-decoration: underline;
}
.b-side-calc__ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.b-side-calc__li {
    background: url(images/marker.png) no-repeat 3px 2px;
    font-size: 14px;
    margin: 0;
    padding: 0 0 12px 31px;
}
.b-side-calc__li a {
    color: #998267;
    text-decoration: none;
}
/*.b-side-calc__li a:visited {
    color: #998267;
}*/
.b-side-calc__li a:hover {
    color: #fc912f;
}
/* ### // side calculate ### */

/* ### side adv ### */
.b-side-adv {
    margin: 0 0 20px 0;
}
/* ### // side adv ### */

/* ### side news ### */
.b-side-news {
    margin: 0 0 25px 0;
}
.b-side-news__head {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 26px 0;
}
.b-side-news__head-a {
    text-decoration: none;
    color: #000;
}
.b-side-news__head-a:hover {
    color: #000;
    text-decoration:underline;
}
.b-side-news__wrap {

}
.b-side-news__li {
    margin: 0 0 20px 0;
}
.b-side-news__li-img {
    width: 70px;
    font-size: 0;
    line-height: 0;
    float: left;
}
.b-side-news__li-img img {
    width: 70px;
    height: 70px;
}
.b-side-news__li-rt {
    margin: 0 0 0 85px;
}
.b-side-news__li-date {
    font-size: 11px;
    line-height: normal;
    color: #999;
}
.b-side-news__li-title {
    font-size: 14px;
    line-height: 1.4;
}
.b-side-news__li-title-a {
    text-decoration: none;
    border-bottom: 1px solid #cce2ee;
}
.b-side-news__li-title-a:hover {
    text-decoration: none;
    color: #f34747;
    border-bottom: 1px solid #fddada;
}
/* ### // side news ### */

/* ### content styles ### */
.page-title {
    color: #222;
    font-family: 'Ubuntu', sans-serif;
    font-size: 32px;
    line-height: 34px;
    margin: 0;
    padding: 0 0 23px;
}

.content__wrapper ul,
.content__wrapper ol {
    overflow: hidden;
}

.content__wrapper blockquote {
    background-color: #f9f3ee;
    border-left: 5px solid #ff921e;
    color: #666;
    display: block;
    margin: 0 0 15px 0;
    padding: 10px 15px 10px 15px;
}

.content__wrapper blockquote:before,
.content__wrapper blockquote:after {content: ""; display: table;}
.content__wrapper blockquote:after {clear: both;}
.content__wrapper blockquote {*zoom: 1;}

.content__wrapper blockquote p {
    margin: 0;
    padding: 0;
}
.content__wrapper blockquote a {
    color: #fc912f;
}
.content__wrapper blockquote img {
    width: 150px;
    max-width: 150px;
    border: 0;
}
.content__wrapper blockquote img.left {
    float: left;
    margin: 0 20px 0 0;
}
.content__wrapper blockquote img.right {
    float: right;
    margin: 0 0 0 20px;
}

.b-advice {
    background: url(images/b-advice-ico.png) no-repeat 21px 18px #f5f5f5;
    padding: 18px 40px 18px 74px;
    margin: 0 0 15px 0;
    font: normal 14px/1.4 Arial, Tahoma, sans-serif;
    color: #000;
    min-height: 50px;
}
.b-advice span {
    color: #c61e1e;
}

/* ### // content styles ### */

/* ### page site map ### */
.ddsg-wrapper {

}
.entry .ddsg-wrapper ul {
    list-style-type: disc;
    margin: 0 0 0 20px;
    padding: 0;
    overflow: visible;
}
/* ### // page site map ### */

/* ### social ### */
.b-socal-side {
    margin: 0 0 30px 0;
    overflow: hidden;
}
/*#vk_groups,
#vk_groups iframe {
     width: 100% !important;
}*/
/* ### // social ### */

/* ### social share ### */
.b-line-social {
    background: #f2f2f2;
    padding: 20px;
    margin: 15px 0 0 0;
}

.b-line-social__title {
    font-weight: bold;
    padding: 0 0 10px 0;
}

.b-line-social__block {

}

.b-line-social__item {
    float: left;
}

.b-line-social__vk {
    width: 100px !important;
    overflow: hidden;
}

.b-line-social__gp {
    width: 82px !important;
    overflow: hidden;
}

.b-line-social__tw {
    width: 112px !important;
    overflow: hidden;
}

.b-line-social__fb {
    width: 122px !important;
    overflow: hidden;
}
/* ### // social share ### */

/* ### side list comments ### */
.b-side-comments {

}
.b-side-comments__title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 25px;
}
.b-side-comments__inner {

}
.b-side-comments__ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.b-side-comments__ul li {
    margin: 0 0 0 0;
    padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
}
.b-side-comments__name {

}
.b-side-comments__ava {
    margin: 0 8px 0 0;
    border: 1px solid #d6d6d6;
    padding: 2px;
    border-radius: 12px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}
.b-side-comments__ul a {
    text-decoration: none;
}
.b-side-comments__ul a:hover {
    text-decoration: underline;
}
.b-side-comments__date {
    font-size: 11px;
    line-height: normal;
    color: #666;
}
/* ### // side list comments ### */

/* comments */
.comment-respond {

}
.comment-reply-title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 0 25px 0;
}
.comment-respond input[type=text] {
    background: #fff;
    border: 1px solid #d4d3d2;
    border-radius: 3px;
    padding: 7px 10px;
    margin: 0;
    font: 14px Arial, Tahoma, sans-serif;
    color: #5f5f5f;
    display: block;
    outline: none;
    width: 350px;
    max-width:100%;
}
.comment-respond label {
    display: none;
}
.comment-respond textarea {
    background: #fff;
    border: 1px solid #d4d3d2;
    border-radius: 3px;
    padding: 9px 10px;
    margin: 0;
    height: 100px;
    resize: vertical;
    font: 14px Arial, Tahoma, sans-serif;
    color: #5f5f5f;
    display: block;
    outline: none;
    width: 94%;
    max-width:100%;
}
.comment-respond input[type=text]:focus,
.comment-respond textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
.comment-form-author input[type=text] {
    background: url("data:image/gif;base64,R0lGODlhBgAIAIAAAP///5yosyH5BAAAAAAALAAAAAAGAAgAAAIMBBJ2luvdToSOoRsKADs=") no-repeat 15px 12px #fff;
    padding-left: 32px;
}
.comment-form-email input[type=text] {
    background: url("data:image/gif;base64,R0lGODlhCQAHAIAAAJyos////yH5BAAAAAAALAAAAAAJAAcAAAIQDI5gGr3KzGqIQgePsy+FAgA7") no-repeat 14px 13px #fff;
    padding-left: 32px;
}
.comment-form-comment textarea {
    background: url("data:image/gif;base64,R0lGODlhBwAJAIAAAJyos////yH5BAAAAAAALAAAAAAHAAkAAAIPhG+hmhe5HpATroYjRaAAADs=") no-repeat 15px 13px #fff;
    padding-left: 32px;
}

/* // comments */

/* ### modal ### */
.b-overlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9990;
}
.b-mdl {
    background: url(images/mdl-top.png) no-repeat center top #fff;
    display: none;
    z-index: 9999;
    position: fixed;
    width: 700px;
    top: 0;
    left: 50%;
    margin: 0 0 0 -250px;
}
.b-mdl__inner {
    position: relative;
    padding: 40px;
}
.b-mdl__close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 5px;
    top: 10px;
    color: #222;
    opacity: 0.2;
    padding: 10px;
    cursor: pointer;
    font-size: 30px;
    line-height: 20px;
    font-weight: normal;
    text-align: center;
}
.b-mdl__close:hover {
    opacity: 0.4;
}
.b-mdl__title {
    font-size: 30px;
    line-height: 34px;
    /*font-family: "Trebuchet MS", Arial, sans-serif;*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: normal;
    margin: 0 0 25px 0;
    text-align: center;
}
.b-mdl__content {

}
.b-mdl__bottom {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0 0 0;
}
.b-mdl__bottom-a {
    text-decoration: none;
    border-bottom: 1px dotted #1983aa;
}
.b-mdl__bottom-a:hover {
    text-decoration: none;
    color: #f34747;
    border-color: #f34747;
}
/* */
.b-mdl__join-vk {
    background: url(images/vk-bg.png) no-repeat center top;
    display: block;
    top: -9999px;
    width: 700px;
}
.b-mdl__join-vk .b-mdl__title {
    font-size: 30px;
    font-family: 'Ubuntu', sans-serif;
}
.b-mdl__join-vk .b-mdl__inner {
    background: transparent;
}
.b-mdl__join-vk .b-mdl__close {
    top: 10px;
}
/* */
.b-mdl__adv__table {
    width: 100%;
}
.b-mdl__adv__img {
    padding: 0 30px 0 0;
    width: 300px;
    vertical-align: middle;
}
.b-mdl__adv__text {
    vertical-align: top;
}
.b-mdl__adv .b-mdl__bottom {
    padding-top: 20px;
}
/* // modal */

/* ### pages ### */
.pagination {
    margin: 20px 0;
    color: #555;
    text-align:center;
}
.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 5px;
}
.pagination ul>li {
    display: inline;
}
.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
    border-left-width: 1px;
    border-radius: 5px 0 0 5px;
}
.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
    border-rigth-width: 1px;
    border-radius: 0 5px 5px 0;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}
.pagination a:hover {
    color: #555;
}
/* ### // pages ### */



/* new styles */
.side-adv {
    text-align:center;
}

.side-adv__item {
    margin:0 0 20px 0;
}

.content__wrapper {
    width: 100%;
    float: left;
    margin: 0 -270px 0 0;
}

.content__left-column {
    margin: 0 270px 0 0;
}

.content__right-column {
    width: 240px;
    float: right;
}



































/*.top-adv
{
    background: #333333;
    padding: 0px 0 0;
}*/

/*.blog-title
{
    color: #000 !important;
    font-family: 'helveticaneuecyrbold';
    text-decoration: none;
    font-size: 35px;
}

.blog-title:hover
{
    text-decoration: none;
}
*/
/*.description
{
    color:#999;
    font-family: 'helveticaneuecyrroman';
    font-size: 14px;
    margin: -10px 0px 0px 0px;
}*/

/*.top-ad
{
    max-width: 470px;
    float: right;
    background: #eee;
     display: none;
}
.default-ad
{
    background:url('images/ad468.gif') no-repeat;
    display:block;
    height:60px;
    width:468px;
}*/

/*#content {margin:0;}
#main {
    float: left;
    width: 575px;
}*/
.post { border-bottom:1px solid #eee; margin:0; padding:0; }
.post__date {
    color: #999;
    font-size: 12px;
    line-height: normal;
    margin: 0 0 7px 0;
}
.post h2.post-title { color:#222; font-size:22px; font-weight:400; margin-bottom: 5px; line-height: 28px;}
.post h1.post-title {
    color:#222;
    font-family: 'Ubuntu', sans-serif;
    font-size: 32px;
    line-height: 34px;
    padding: 0 0 23px 0;
    margin: 0;
}
.post .post-title a {color:#222;}
.post-title a:hover {
    color: #74a64e;
    text-decoration: none;
}
.post-meta { font-size:14px; color:#555;}
.post-meta a {color:#555;}
.post-meta span {margin-right:5px;}
.post-meta-2 {font-size:13px; color:#999;}
.entry .post-thumb {
    display: block;
    margin: 7px 20px 20px 0;
    width: 200px;
    float: left;
    border: 1px solid #ddd;
    background: #eee;
    padding: 5px;
    font-size: 0;
    line-height: 0;
}
.entry .post-thumb:hover {
    background: #e0e0e0;
}
.entry .post-thumb img {
    width: 200px;
    height: auto;
    border: 0 !important;
}
.entry { margin:18px 0 30px 0; overflow:hidden; font-size: 14px; }
.entry p {margin:0 0 15px 0;}
.entry ul li,
.entry ol li {
    margin-bottom: 10px;
}
.entry img {border:5px solid #eee; max-width:565px; height: auto !important;}
.entry h2 {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 15px 0;
}
.entry ul {
    overflow: hidden;
}
.read-more {
    display: block;
    margin-top: 8px;
}
.post-tags {
    display: block;
    margin: 10px 0;
}

#authorarea {
    border: 1px solid #eaeaea;
    padding: 15px;
    background: #fafafa;
    color: #444;
}
#authorarea p {
    margin: 0;
}
#authorarea .avatar {
    border-radius: 5px;
}

/*.post blockquote {
    border-left: 5px solid #ddd;
    padding-left: 15px;
}
.post cite {
    font-size: 14px;
    display: block;
    margin-top: 10px;
}
.post pre {
    background: #f0f0f0;
    padding: 20px 30px;
    color: #666;
}*/

.single .post {padding:0; border:none;}
.page .post {padding:0; border:none; margin:0;}
.navigation {color:#74a64e;}
.a-right { float:right;}

.sp {
    background: #ffb;
    padding: 10px;
    border: 1px solid #ed0;
}

.a-head {font-size:32px; font-weight:bold; margin-bottom: 20px; line-height: 45px; text-transform: capitalize;}
h2.a-title {font-size:27px; margin-bottom:5px;}

.wp-pagenavi { clear:both; margin:0; padding:0;}
.wp-pagenavi a, .wp-pagenavi span {display:inline-block; background:#206586; font-weight:bold; border-radius:5px; padding:8px 18px; margin-right:15px; font-size:13px; color:#fff;}

.wp-pagenavi a:hover,.wp-pagenavi span.current {background:#185055;}

.widget img, .widget select {
    max-width: 100%;
}

img.wp-smiley {
    border:none;
}

.widget-title {margin-bottom:10px; font-size:16px; font-weight:700; color:#999;}
.widget li {margin-bottom:10px;}
.screen-reader-text {
    display: none;
}
#searchsubmit {
    background: #eee;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

/*#copy { text-align:center; color: #aaa; font-size: 13px;background: #ececec;padding: 10px 0;margin: 0 auto;}
#copy a {color:#aaa;}*/

.clear {clear:both; margin:0; padding:0;}

.error-title {
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    text-align: center;
}
#error-page {
    font-size: 18px;
}
.e-search {
    margin-left: 20px;
    margin-bottom: 20px;
}

img {max-width:565px;}
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.tiled-gallery
{
    margin-bottom:20px!important;
}

.gallery
{
    clear:both;
    margin:0 auto 20px!important;
}

.gallery dl
{
    margin:0;
}

.gallery-caption
{
    font-size:13px;
    line-height:1.8em;
    margin:0;
}
/*

#respond {

}*/

.nocomments {
    margin: 30px 0 20px;
    font-size: 20px;
    color: #aaa;
    text-align: center;
}

.commentlist h1, .commentlist h2, .commentlist h3 {
    display: block;
    clear: both;
}

/* Highlight active form field */



ol.commentlist {list-style:none; margin:20px 0; padding:0;}



.comment-author.vcard {

    margin-bottom: 20px;

    float: left;

}

.comment-body ul {
    list-style: disc;
    margin: 10px 40px 10px;
    line-height: 35px;
}
.comment-body ol {
    margin: 10px 40px;
    padding: 0;
    line-height: 35px;
}

cite.fn { display:block; float:left; margin-top: 13px; font-size: 16px !important; font-style: normal; text-transform:capitalize;}



.comment-meta {float:left; margin-left: 15px; font-size:13px; color:#bbb;margin-top: 16px;}



.says {display:none;}



.avatar {float:left;  margin-right: 15px;border-radius: 40px;border: 1px solid #eee;}



.comment-awaiting-moderation {display:inline;}



.commentlist p {display:block; clear:both;}



h3#comments {

    font-weight: bold; margin-top:40px;

}



.reply {

    text-align: right;

}

.comment-meta a {

    color: #bbb;

}

li.comment {

    border: 1px solid #eee;

    margin: 20px 0;

    background: #fff;

    padding: 20px;

    list-style:none;

}



.reply a {

    color: #aaa;

}



/*#respond input[type=text], textarea {

  -webkit-transition: all 0.30s ease-in-out;

  -moz-transition: all 0.30s ease-in-out;

  -ms-transition: all 0.30s ease-in-out;

  -o-transition: all 0.30s ease-in-out;

  outline: none;

  padding: 3px 0px 3px 3px;

  margin: 5px 1px 3px 0px;

  border: 1px solid #DDDDDD;

display:block; margin:5px 0;

max-width:100%;

}*/



/*#respond input[type=text]:focus, textarea:focus {

  box-shadow: 0 0 5px rgba(81, 203, 238, 1);

  margin: 5px 1px 3px 0px;

  border: 1px solid rgba(81, 203, 238, 1);

}



#respond label {}*/



.pingback cite {

    line-height: 1.5em !important;

}


/*
h3#reply-title { margin:30px 0 0 0; }

#cancel-comment-reply-link { }

#commentform { }

#author { }

#email { }

#url { }

#comment {}

#submit { display: inline-block;

padding: 4px 12px;

margin-bottom: 0;

font-size: 14px;

line-height: 20px;

color: #333;

text-align: center;

text-shadow: 0 1px 1px rgba(255,255,255,0.75);

vertical-align: middle;

cursor: pointer;

background-color: #f5f5f5;

background-image: -moz-linear-gradient(top,#fff,#e6e6e6);

background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));

background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);

background-image: -o-linear-gradient(top,#fff,#e6e6e6);

background-image: linear-gradient(to bottom,#fff,#e6e6e6);

background-repeat: repeat-x;

border: 1px solid #ccc;

border-color: #e6e6e6 #e6e6e6 #bfbfbf;

border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);

border-bottom-color: #b3b3b3;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

}

.comment-notes { }

.required { }

.comment-form-author { }

.comment-form-email { }

.comment-form-url { }

.comment-form-comment { }

.form-allowed-tags { }

.form-submit {}
*/


.wp-caption {
    font-size: 0;
    line-height: 0;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
    width: auto !important;
    /*max-width: 575px;*/
}
/*.wp-caption img {margin-top:0.3em;}*/
p.wp-caption-text {
    color: #aaa;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 5px;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}


.post table
{
    border:#ddd solid 1px;
    border-collapse:collapse;
    margin:10px 0;
    width:auto;
}

.post th,.post td
{
    border:#ddd solid 1px;
    padding:10px 20px;
    width:auto;
}

.post th
{
    font-weight:700;
}

caption
{
    font-weight:700;
}
#wp-calendar {
    width: 100%;
    color:#767676;
}
#wp-calendar caption {
margin-bottom: 15px;
color: #999;
font-size: 16px;
}
#wp-calendar tbody {
    text-align: center;
}
#wp-calendar #prev {
    padding-left: 10px;
    padding-top: 10px;
}
#wp-calendar #next {
    padding-right: 10px;
    padding-top: 10px;
}

.icon-user {
    color: #666;
}

.icon-calendar {
    color: #666;
}

.icon-chat {
    color: #666;
}


/* list post */
.b-post {
    padding: 0px 0px 10px 0px;
    zoom: 1;
    font-size: 12px;
    line-height: 16px;
}
.b-post__wr {
    width: 100%;
    float: right;
    margin: 0px 0px 0px -200px;
}
.b-post__rt {
    margin: 0px 0px 0px 215px;
}
.b-post__lf {
    width: 200px;
    font-size: 0px;
    line-height: 0px;
    float: left;
}
.b-post__title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin: 0px 0px 7px 0px;
    padding: 0px;
}
.b-post__photo img {
    background: url("data:image/gif;base64,R0lGODlhEAALAPIDAJSUlKWlpa2trXNzc4SEhHt7e1JSUmtrayH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwADACwAAAIAEAAHAEACHgwQM4bKJgRQIM5RZb6b2uccySJ2mOVp6Cmlx2puBQAh+QQJCwAAACwAAAAABAALAAADDXhmWrUOPhPprPg+xRIAIfkECQsAAQAsAAAAAAoACwAAAyQYumd2ZAyiTClmADDqzVsXWJjGeWWIguf4mSLJxl80rQvjHAkAIfkECQsACAAsAAAAABAACwAABD0QyUnlMeZURMYgklEURgAAgTScQzgagCAAKuuS8VwDLSLiMhpixbvBgrve76gb2nwvEypp3HQ+1U3lkokAACH5BAkLAAUALAAAAQAQAAkAAAMuWLqsNIMEAIKaVQ26hQAK4IHFBnRfOGqcmBYuaaJkzJ42vJYcZhW+26BBLDwiCQAh+QQFCwAFACwAAAIAEAAHAAADJhgAUaXMkTEIEAK4m91YH6YV3PgBYUeKHlhubHGm4yuDUPMs+lQlACH5BAUUAAMALAwAAgAEAAcAAAIKDGAip7zQ4DKoAAA7") no-repeat center center;
    width: 200px !important;
    height: auto !important;
    min-height: 130px;
    display: block;
}
.top-adv__table {
    margin: 0 auto;
}


/* ################# CLEARS ###################### */
.clear_footer {clear: both; height: 149px;}

.clear_both {clear: both; height: 0px; font-size: 0px; line-height: 0px; display: block;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* ################ TEXT STYLES ############# */
h1, h2, h3, h4, h5, h6, p
{
    font-weight: normal;
}

h1
{
    font-size: 20px;
    margin-bottom: 10px;
}

h2
{
    font-size: 22px;
    margin-bottom: 10px;
}

h3
{
    font-size: 18px;
    margin-bottom: 10px;
}

h4
{
    font-size: 16px;
    margin-bottom: 10px;
}

h5
{
    font-size: 14px;
    margin-bottom: 10px;
}

h6
{
    font-size: 14px;
    margin-bottom: 10px;
}

p
{
    margin-bottom: 10px;
}

.b-side-video {
    margin: 0 0 20px 0;
}

.gallery-item .gallery-caption
{
    color: #aaa;
    font-size: 11px;
    line-height: normal;
    margin: 0;
    padding: 0px 5px 0px 5px;
}

/* display */
.b-hide {
    display: none !important;
}

/* base */
.f-note {
    font-size: 12px;
    line-height: 16px;
    color: #999 !important;
    padding: 4px 0px 0px 0px;
}
.f-error {
    /*background-color: #FFCCCC; */
    padding: 5px 0 0 0;
    zoom: 1;
    color: red;
    font-size: 12px;
    line-height: normal;
    font-style: italic;
}

.f-errors {background: #fcc; zoom: 1; padding: 12px 14px 12px 14px; color: #B94A48; font-size: 13px; line-height: 18px; text-shadow: 1px 1px 0px #fff; margin: 0px 0px 15px 0px;}
.f-errors .f-errors-title {font-size: 14px; font-weight: bold; padding: 0px 0px 2px 0px;}

.f-required {
    color: red;
    font-family: Tahoma,Arial,sans-serif;
}

/* captcha */
.b-captcha {line-height: normal;}
.b-captcha-pic {font-size: 0px; line-height: 0px; float: left; padding-right: 20px;}
.b-captcha-refine {cursor: pointer; border-bottom: 1px dotted #000; color: #000; font-size: 12px; zoom: 1;}
.b-captcha-refine:hover {color: red; border-color: red;}
.b-captcha-input__out {float: left; width: 220px;}
.b-captcha-input__out .input {margin: 0px 0px 3px 0px;}

/* #### jquery.autocomplete.css #### */
.ac_results{padding:0px;border:1px solid #e1c897;background:#fff;overflow:hidden;z-index:99999}
.ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0}
.ac_results li{margin:0px;padding: 5px 9px 5px 9px;min-height: 18px;_height: 18px; cursor:default;display:block;color:#000;font-size:15px;}
.ac_loading{background:white url(../images/indicator.gif) right center no-repeat}
.ac_even{background:#eee;}
.ac_results .ac_over{background:#E3FFCC;color:#000}

/* ### upload images ### */
.b-images__items {
    list-style: none;
    margin: 0px;
    padding: 0px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.b-images__item {
    position: relative;
    float: left;
    margin: 0 14px 14px 0;
    width: 98px;
    height: 68px;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    border: 1px dashed #dddddd;
    background-color: whitesmoke;
}
.b-images__item-upload {
    width: 98px;
    height: 68px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    zoom: 1;
    cursor: pointer;
}
.b-images__item-img {
    width: 98px;
    height: 68px;
    display: block;
}
.b-images__item-add {
    display: block;
    background-color: #6bb134;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin: 0 auto;
    margin-top: 22px;
}
.b-images__item-add:hover {
    background-color: #5ca225;
    color: #fff;
}
.b-images__item-del {
    display: block;
    background-color: #c91414;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    line-height: 16px;
    font-weight: normal;
    width: 18px;
    height: 18px;
    border-radius: 9px;
    position: absolute;
    top: -9px;
    right: -9px;
    text-align: center;
    cursor: pointer;
}
.b-images__item-del:hover {
    background-color: #ba0505;
    color: #fff;
}
.b-images__item-del i {
    font-style: normal;
}
.b-images__item-loader {
    position: relative;
    zoom: 1;
    width: 98px;
    height: 68px;
    display: block;
}
.b-images__item-loading {
    display: block;
    background: url(images/loading.gif) no-repeat center;
    height: 25px;
    width: 100%;
    position: absolute;
    top: 23px;
    margin: 0 auto;
}
/* ### // upload images ### */

/* ### sections ### */
.b-sections {

}
.b-sections__text {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #999;
    font-size: 12px;
}
.b-sections__suggest {
    padding: 0px;
    zoom: 1;
    width: 340px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.b-sections__suggest .b-input {
    width: 100%;
}
.b-sections__link {
    font-size: 13px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.b-sections__link-val {
    color: #037DD3;
    border-bottom: 1px dotted #037DD3;
    cursor: pointer;
}
.b-sections__link-val:hover {
    color: red;
    border-color: red;
}
.b-sections__link-error {
    padding: 5px 0 0 0;
    color: red;
    font-size: 12px;
    line-height: 17px;
}
/* список выбранных рубрик */
.b-sections__result {
    /*padding: 5px 0 0 0;*/
    margin: 0 0 0 -10px;
}
.b-sections__item {
    background: #FFF79D;
    padding: 5px 5px 5px 7px;
    display: -moz-inline-box;
    display: inline-block;
    //display: inline;
    zoom: 1;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
    font-size: 12px;
    line-height: normal;
    margin: 5px 0 0 10px;
}
.b-sections__item-name {
    font-style: normal;
    display: -moz-inline-box;
    display: inline-block;
    //display: inline;
    vertical-align: middle;
    zoom: 1;
}
.b-sections__item i {
    cursor: pointer;
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    //display: inline;
    vertical-align: middle;
    zoom: 1;
    padding: 0 3px;
    font-size: 18px;
    line-height: 14px;
}
.b-sections__item i:hover {
    color: red;
}
/* попап выбора рубрики */
.b-sections__popup {
    display: none;
    width: 700px;
    margin: 10px 0px 0px 0px;
    color: #000;
    font-size: 12px;
    line-height: normal;
    background: #fff;
    zoom: 1;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 15px 20px;
    position: absolute;
    z-index: 99;
}
.b-sections__popup-inn {
    position: relative;
    zoom: 1;
}
.b-sections__popup-loader {
    background: url(images/loading__blue.gif) center center no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.rgba .b-sections__popup-loader {
    background-color: rgba(255, 255, 255, 0.7);
}
.no-rgba .b-sections__popup-loader {
    background-color: #fff;
}
.b-sections__popup-title {
    font-size: 15px;
    line-height: normal;
    padding: 0px 10px 8px 0px;
    zoom: 1;
    font-weight: bold;
}
.b-sections__popup-title-item span {
    cursor: pointer;
}
.b-sections__popup-title-item span:hover {
    color: red;
}
.b-sections__popup-error {
    color: #D14;
    padding-bottom: 15px;
    zoom: 1;
    display: none;
}
.b-sections__popup-arrow {
    padding: 0px 10px 0px 6px;
}
.b-sections__popup-content {
    margin: 0 0 0 -3%;
}
.b-sections__popup-column {
    width: 30%;
    margin: 0 0 0 3%;
    float: left;
}
.b-sections__popup-item {
    zoom: 1;
    padding: 10px 0px 0px 0px;
}
.b-sections__popup-item-in {
    cursor: pointer;
}
.b-sections__popup-item-in:hover {
    color: red;
}
.b-sections__popup-close {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 28px;
    line-height: 28px;
    cursor: pointer;
}
.b-sections__popup-close:hover {
    color: red;
}
/* ### // sections ### */

/* ### phones ### */
.b-phones {
    font-size: 13px;
}
.b-phones__line {
    padding: 0 0 10px 0;
    margin: 0 50px 10px 0;
    /*border-bottom: 1px dotted #ddd;*/
    position: relative;
}
.b-phones__delete {
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    position: absolute;
    right: -9px;
    top: 0px;
    font-size: 20px;
    line-height: 18px;
    color: #333;
    opacity: 0.5;
    cursor: pointer;
    display: block;
}
/*.b-phones__line:hover .b-phones__delete {
    display: block;
}*/
.b-phones__line:first-child .b-phones__delete {
    display: none !important;
}
.b-phones__delete:hover {
    color: red;
    border-color: red;
    opacity: 1;
}
.b-phones__top {
    margin: 0 0 5px 0;
}
.b-phones__type {
    padding: 0;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}
.b-phones__value {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.b-phones__text {
    display: inline-block;
    vertical-align: middle;
}
.b-phones__elem {
    display: inline-block;
    vertical-align: middle;
}
.b-phones__code {
    padding: 0;
    width: 60px;
}
.b-phones__num {
    padding: 0;
    width: 120px;
}
.b-phones__more {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}
.b-phones__more-link {
    color: #037DD3;
    border-bottom: 1px dotted #037DD3;
    cursor: pointer;
}
.b-phones__more-link:hover {
    color: red;
    border-color: red;
}
.b-phones__more .b-phones__more-toggle {
    width: 70px;
}
.b-phones__more-toggle {
    display: none;
}
.b-phones__bottom {

}
.b-phones__comment {

}
.b-phones__add {
    font-size: 13px;
    line-height: normal;
}
.b-phones__add-link {
    color: #037DD3;
    border-bottom: 1px dotted #037DD3;
    cursor: pointer;
}
.b-phones__add-link:hover {
    color: red;
    border-color: red;
}
.b-phones__block-delete {
    display: none;
}
/* ### // phones ### */

/* ### streets ### */
.b-streets__outer {

}
.b-streets {

}
.b-streets__full {
    margin: 0 0 0 -1.6%;
}
.b-streets__col {
    width: 15%;
    margin: 5px 0 0 1.6%;
    float: left;
}
/* ### // streets ### */



















/* ### forms ### */
.b-form {
    padding: 20px;
    font-size: 12px;
    line-height: normal;
}
.b-form p {
    padding: 0 !important;
    margin: 0 !important;
}
.b-form__inner {
    width: 400px;
    margin: 0 auto;
    border: 1px solid #e2e2e2;
    background: #fbfbfb;
    padding: 20px;
    border-radius: 5px;
}
.b-form__section {
    margin: 0 0 20px 0;
}
.b-form__section-text {
    margin: 0;
}
.b-form__section-head {
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    padding: 0;
    margin: 0 0 10px 0;
}
.b-form__glue {
    font-size: 0;
    line-height: 0;
    height: 1px;
    overflow: hidden;
    background: #e2e2e2;
    margin: 0 0 15px 0;
}
.b-form__name {
    float: left;
    width: 40%;
    font-size: 12px;
    line-height: 30px;
}
.b-form__value {
    float: left;
    width: 45%;
    font-size: 12px;
    line-height: 30px;
}
.b-form__type {
    float: left;
    width: 12%;
    font-size: 12px;
    line-height: 30px;
    margin: 0 0 0 3%;
}
.b-form__image {
    padding: 10px 0 0 0;
}
.b-form__image img {
    border: 0 !important;
}

/* */
.b-form__concrete .b-form__name {
    width: 30%;
}
.b-form__concrete .b-form__value {
    width: 55%;
}
.b-form__concrete .b-form__type {
    width: 12%;
    margin: 0 0 0 3%;
}

/* ### // forms ### */

/* ### default forms ### */
.f-form {

}
.f-form__head {
    color: #222;
    font-family: 'Ubuntu', sans-serif;
    font-size: 32px;
    line-height: 34px;
    padding: 0 0 23px 0;
    margin: 0;
}
.f-form__head-sub {
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    line-height: normal;
    color: #000000;
    padding: 0px 0 23px 0;
}
.f-form__form {

}
.f-form__block {
    padding: 0px 0px 25px 0px;
}
.f-form__wrap {
    width: 100%;
    float: right;
    margin: 0px 0px 0px -150px;
}
.f-form__right {
    margin: 0px 0px 0px 165px;
    min-height: 29px;
}
.f-form__left {
    width: 145px;
    padding-top: 3px;
}
.f-form__select {

}
/* field counter */
.f-form .b-onkey-parent,
.f-form .b-onkey-parent__style {
    position: relative;
    zoom: 1;
    padding: 0px 50px 0px 0px;
}
.f-form .b-onkey-parent .onkey_val {
    position: absolute;
    left: 100%;
    top: 0px;
    color: #999;
    width: 30px;
    font-size: 12px;
    line-height: normal;
    display: block;
    padding: 7px 0px 0px 10px;
    margin-left: -40px;
}
/* selects */
.f-form__region,
.f-form__country,
.f-form__city {
    width: 60%;
}
.f-form__region select,
.f-form__country select,
.f-form__city select {
    width: 100%;
}
.f-form__city {
    margin: 0 0 4px 0;
}
/* messages*/
.f-form__error {
    color: red;
}
/* ### // default forms ### */









/*** tooltip ***/
.tooltip-text {
    display: none;
}
.tooltip {
  position: relative;
}
.tooltip-parent {
  position: relative !important;
  overflow: visible !important;
}
.b-tooltip {
  position: absolute;
  z-index: 10000;
  display: none;
}
.b-tooltip__in {
  border: 1px solid #d8d1ad;
  background: #fff7cc;
  box-shadow: 0px 8px 18px rgba(0,0,0,0.3);
  border-radius: 2px;
  position: relative;
}
.b-tooltip__content {
  /*padding: 10px 12px;*/
  padding: 8px 15px 9px 15px;
  word-wrap: break-word;
  font-size: 13px;
  line-height: 19px;
  color: #555;
}
.b-tooltip__close {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  cursor: pointer;
}
.b-tooltip__close:hover {
  color: red;
}

.b-tooltip__arrow,
.b-tooltip__arrow-in {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
}
.b-tooltip__arrow-in {
    border-width: 5px
}

/* top */
.top .b-tooltip__arrow,
.top-left .b-tooltip__arrow,
.top-center .b-tooltip__arrow,
.top-right .b-tooltip__arrow {
    bottom: -13px;
}

.top-left .b-tooltip__arrow {
    right: 17px;
}

.top-center .b-tooltip__arrow {
    left: 50%;
    margin-left: -9px;
}

.top-right .b-tooltip__arrow {
    left: 17px;
}

/* bottom */
.bottom .b-tooltip__arrow,
.bottom-left .b-tooltip__arrow,
.bottom-center .b-tooltip__arrow,
.bottom-right .b-tooltip__arrow {
    top: -13px;
}

.bottom-left .b-tooltip__arrow {
    right: 17px;
}

.bottom-center .b-tooltip__arrow {
    left: 50%;
    margin-left: -9px;
}

.bottom-right .b-tooltip__arrow {
    left: 17px;
}

/* left */
.left .b-tooltip__arrow,
.left-top .b-tooltip__arrow,
.left-center .b-tooltip__arrow,
.left-bottom .b-tooltip__arrow {
    right: -12px;
    border-left-color: #fff7cc;
}

.left-top .b-tooltip__arrow {
    bottom: 17px;
}

.left-center .b-tooltip__arrow {
    top: 50%;
    margin-top: -9px;
}

.left-bottom .b-tooltip__arrow {
    top: 17px;
}

/* right */
.right .b-tooltip__arrow,
.right-top .b-tooltip__arrow,
.right-center .b-tooltip__arrow,
.right-bottom .b-tooltip__arrow {
    left: -12px;
    border-right-color: #d8d1ad;
}
.right .b-tooltip__arrow-in,
.right-top .b-tooltip__arrow-in,
.right-center .b-tooltip__arrow-in,
.right-bottom .b-tooltip__arrow-in {
    left: -10px;
    border-right-color: #fff7cc;
}
.right-top .b-tooltip__arrow {
    bottom: 17px;
}
.right-top .b-tooltip__arrow-in {
    bottom: 18px;
}
.right-center .b-tooltip__arrow {
    top: 50%;
    margin-top: -6px;
}
.right-center .b-tooltip__arrow-in {
    top: 50%;
    margin-top: -5px;
}
.right-bottom .b-tooltip__arrow {
    top: 17px;
}
.right-bottom .b-tooltip__arrow-in {
    top: 18px;
}
/* ### // tooltip ### */

/* ### qas main page ### */
.b-qas-main {
    margin: 0px -35px 40px -35px;
    padding: 0;
    zoom: 1;
}
.b-qas-main__head {
    margin: 0 25px 25px 35px;
}
.b-qas-main__title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: normal;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: baseline;
    
}
.b-qas-main__all {
    font-size: 11px;
    display: inline-block;
    vertical-align: baseline;
}
.b-qas-main__all a {
    color: #32AA30;
}
.b-qas-main__inn {
    background: url(images/b-add-qas__bg.jpg) 35px bottom no-repeat #EFEFEF;
    min-height: 325px;
    padding: 30px 35px 30px 417px;
}
/* list */
.b-qas-main__list {
    padding-bottom: 25px;
    zoom: 1;
}
.b-qas-main__item {
    margin-bottom: 10px;
}
.b-qas-main__item-title {
    font-size: 16px;
}
.b-qas-main__item-date {
    font-size: 11px;
    color: #939393;
    margin-right: 5px;
}
.b-qas-main__item-date span {
    color: #939393;
}
.b-qas-main__item-total {
    color: #32AA30;
    font-size: 11px;
    margin-right: 5px;
}
.b-qas-main__item-total a {
    color: #32AA30;
}
.b-qas-main__item-views {
    font-size: 11px;
}
/* ### // qas main page ### */

/* add question block */
.b-qas__add-question
{
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 15px;
}

.b-qas__add-question ul
{
    font-size: 12px;
}

.b-qas__add-question ul li
{
    margin-bottom: 5px;
}

.b-qas__add-question-tit
{
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.b-qas__add-question .b-button, .b-qas__add-question .b-button span
{
    display: block;
    text-align: center;
}

/* last boards */
.b-board__last {
    padding-bottom: 20px;
    zoom: 1;
}

.b-board__last-title {
    font-family: 'Ubuntu', sans-serif;
    font-size: 25px;
    line-height: 25px;
    margin: 0 0 25px 0;
}

.b-board__last-item
{
    margin-bottom: 10px;
    line-height: normal;
}

.b-board__last-item-title
{
    font-size: 14px;
}

.b-board__last-item-date
{
    font-size: 11px;
    color: #939393;
    padding-top: 2px;
    zoom: 1;
}

.b-board__last-all
{
    color: #32AA30;
    font-size: 11px;
    float: left;
    margin-right: 10px;
}

.b-board__last-all a
{
    color: #32AA30;
}

.b-board__last-add
{
    color: #32AA30;
    font-size: 11px;
    margin-right: 10px;
    float: left;
}

.b-board__last-add a
{
    color: #32AA30;
}

/*.i-form__addphotos .i-form__addphotos__item img {
    max-height: 68px;
}
.i-form__addphotos .i-form__addphotos__item.i-form__addphotos__item_img { cursor: move; }
.i-form__addphotos .i-form__addphotos__item.i-form__addphotos__item_first { background-color: #fffced; }*/


/* строка состояния */
.b-status {
    color: #999999;
    font-size: 11px;
    margin: 0px 0px 15px 0px;
}

.b-status span {
    color: #000;
}























/* ### other screens ### */
@media screen and (min-width:961px) and (max-width:1024px) {
    .b-page__content-in {
        margin: 0 15px;
    }
    /* top menu */
    .b-top-menu .sub-menu li a {
        padding: 10px;
    }
    .menu-top-menu-container .b-top-menu__ul > li > a {
        padding: 0 10px;
    }
    /* footer */
    .b-footer {
        padding: 31px 15px;
    }
    .b-footer__left {
        width: 50%;
    }
    .b-footer__right {
        width: 45%;
    }
    /* expo */
    .b-expo {
        padding: 20px 15px 35px;
        margin-left: -15px;
    }
    /* qas main page */
    .b-qas-main {
        margin-right: -15px;
        margin-left: -15px;
    }
    .b-qas-main__head {
        margin-right: 15px;
        margin-left: 15px;
    }
}
@media screen and (min-width:768px) and (max-width:960px) {
    .b-page__content-in {
        margin: 0 15px;
    }
    .content__wrapper {
        margin: 0;
        float: none;
    }
    .content__left-column {
        margin: 0;
    }
    .content__right-column {
        width: auto;
        float: none;
    }
    /* header */
    .b-header__fav {
        display: none;
    }
    .b-header__search {
        right: 10px;
    }
    .b-top-menu .sub-menu li a {
        padding: 10px;
    }
    .menu-top-menu-container .b-top-menu__ul > li > a {
        font-size: 12px;
        padding: 0 10px;
    }
    /* news */
    .b-new-arts__wrap {
        margin: 0 0 0 -360px;
    }
    .b-new-arts__right {
        margin: 0 0 0 360px;
    }
    /* video */
    .b-side-video {
        display: none;
    }
    .b-side-calc__li {
        display: inline-block;
        vertical-align: top;
        width: 45%;
    }
    /* expo */
    .b-expo {
        padding: 20px 15px 35px;
        margin-left: -15px;
    }
    .b-expo__li-img {
        width: 70px;
    }
    .b-expo__li-img img {
        width: 70px;
        height: 70px;
    }
    .b-expo__li-rt {
        margin: 0 0 0 90px;
    }
    .b-expo__li-title {
        font-size: 14px;
        height: 70px;
        min-height: 70px;
    }
    /* side news */
    .b-side-news__li {
        display: inline-block;
        width: 49%;
    }
    /* qas */
    .b-qas-main {
        margin: 0 -15px 40px;
    }
    .b-qas-main__head {
        margin-left: 15px;
        margin-right: 15px;
    }
    /* footer */
    .b-footer {
        padding: 31px 15px;
    }
    .b-footer__left {
        width: 50%;
    }
    .b-footer__right {
        width: 45%;
    }
}
@media screen and (min-width: 480px) and (max-width:767px) {
    /* main menu */
    .b-main-menu .b-user-panel {
        float: none;
        clear: both;
    }
    /* header */
    .b-header__fav {
        display: none;
    }
    .b-header__logo {
        text-align: center;
        margin: 0;
        width: auto;
    }
    .b-header__logo-a {
        margin: 0 auto 0 auto;
    }
    .b-header__search {
        position: absolute;
        right: auto;
        left: 55px;
        top: 116px;
        width: 80%;
        z-index: 100;
    }
    .b-header__search-field {
        width: 50%;
    }
    /* top menu */
    .b-top-menu {
        border-bottom-width: 10px;
        position: relative;
    }
    .menu-top-menu-container {
        display: none;
    }
    .b-top-menu__mobile {
        position: absolute;
        left: 10px;
        top: 13px;
        display: block;
        width: 32px;
        height: 30px;
        cursor: pointer;
        background: url(images/b-top-menu__mobile.png) no-repeat 0 -1px;
    }
    .b-top-menu__on .b-top-menu__mobile {
        background-position: 0 -33px;
    }
    .b-top-menu__on {
        height: auto;
        padding: 55px 0 20px 0;
    }
    .b-top-menu__on .b-top-menu ul {
        float: none;
    }
    .b-top-menu__on .menu-top-menu-container {
        margin: 0 15px 0 15px;
        display: block;
    }
    .b-top-menu__on ul li {
        float: none;
        margin: 0 0 10px 0;
    }
    .b-top-menu__on ul li a {
        float: none;
        padding: 0;
        height: auto;
        line-height: normal;
        text-decoration: underline;
        display: inline-block;
        margin: 0 0 10px 0;
    }
    .b-top-menu__on ul li a:hover,
    .b-top-menu__on ul li:hover a {
        background: transparent;
        color: #fff;
        text-decoration: none;
    }
    .b-top-menu__on .sub-menu {
        left: auto;
        top: auto;
        position: static;
        font-size: 12px;
        box-shadow: none;
        border: 0;
        display: block;
        background: transparent;
        width: auto;
        z-index: auto;
    }
    .b-top-menu__on li .sub-menu li {
        margin: 0;
    }
    .b-top-menu__on li .sub-menu li a {
        padding: 3px 10px;
        text-decoration: none;
        color: #fff;
        background: transparent;
        margin: 0;
    }
    .b-top-menu__on li:hover .sub-menu li a,
    .b-top-menu__on li .sub-menu li:hover a,
    .b-top-menu__on li .sub-menu li a:hover {
        color: #fff;
        background: transparent;
    }
    /* */
    .entry img {
        width: 100% !important;
        height: auto !important;
        border: 0 !important;
    }
    .b-page__content {
        padding: 20px 0 0 0;
    }
    .b-page__content-in {
        margin: 0 24px;
    }
    .content__wrapper {
        margin: 0;
        float: none;
    }
    .content__left-column {
        margin: 0;
    }
    .content__right-column {
        width: auto;
        float: none;
    }
    .b-new-arts__wrap {
        margin: 0;
        float: none;
    }
    .b-new-arts__right {
        margin: 0;
        float: none;
    }
    .b-new-arts__left {
        display: none;
    }
    /* */
    .b-popular__item-big .b-popular__img,
    .b-popular__item-small .b-popular__img {
        width: 80px;
        float: left;
    }
    .b-popular__item-big .b-popular__img a,
    .b-popular__item-small .b-popular__img a {
        display: block;
        height: 65px;
        overflow: hidden;
    }
    .b-popular__item-big .b-popular__img img,
    .b-popular__item-small .b-popular__img img {
        width: 80px;
        height: auto;
        margin: 0;
    }
    .b-popular__item-big .b-popular__title,
    .b-popular__item-small .b-popular__title {
        font-size: 12px;
        line-height: 16px;
        margin: 0 0 0 90px;
    }
    .b-popular__item-big .b-popular__desc,
    .b-popular__item-small .b-popular__desc {
        font-size: 11px;
        line-height: 14px;
        max-height: 30px;
        overflow: hidden;
        margin: 0 0 0 90px;
        padding: 4px 0 0 0;
    }
    /* */
    .b-list-video__li-img,
    .b-list-video__li-img img {
        width: 160px;
    }
    .b-list-video__li-img i {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
        background-size: cover;
    }
    .b-list-video__li:hover .b-list-video__li-img i {
        background-position: 0 0;
    }
    .b-list-video__li-text {
        margin: 0 0 0 180px;
        padding: 0 10px 0 0;
    }
    .b-list-video__li-title {
        font-size: 14px;
        line-height: 18px;
    }
    .b-list-video__li-desc {
        font-size: 11px;
        line-height: 15px;
        max-height: 92px;
        overflow: hidden;
    }
    .b-list-video__li-more-a {
        font-size: 11px;
        padding: 3px 11px 4px 11px;
    }
    /* */
    .b-side-video {
        display: none;
    }
    .b-side-calc__head {
        margin: 0 0 15px 0;
    }
    .b-side-calc__li {
        font-size: 12px;
        padding-top: 2px;
    }
    /* expo */
    .b-expo {
        padding: 20px 24px 35px;
        margin-left: -24px;
    }
    .b-expo__wrap {
        margin: 0 0 0 -3%;
    }
    .b-expo__li {
        width: 47%;
        margin: 0 0 0 3%;
    }
    .b-expo__li:nth-child(3n) {
        display: none;
    }
    .b-expo__li-img {
        width: 70px;
    }
    .b-expo__li-img img {
        width: 70px;
        height: 70px;
    }
    .b-expo__li-rt {
        margin: 0 0 0 90px;
    }
    .b-expo__li-title {
        font-size: 14px;
        height: 70px;
        min-height: 70px;
    }
    /* qas main page */  
    .b-qas-main {
        margin: 0px -24px 40px -24px;
    }
    .b-qas-main__head {
        margin: 0 24px 15px 24px;
    }
    .b-qas-main__inn {
        padding-left: 24px;
        padding-right: 24px;
        background-image: none;
    }
    /* footer */
    .b-footer {
        padding: 31px 15px;
    }
    .b-footer__left {
        width: 100%;
        float: none;
        margin: 0 0 15px 0;
    }
    .b-footer__right {
        width: 100%;
        float: none;
    }
    /* fonts */
    .post h1.post-title {
        font-size: 26px;
        line-height: 28px;
    }
    .b-board__last-title,
    .b-new-arts__head,
    .b-side-news__head,
    .b-qas-main__title,
    .b-popular__head,
    .b-side-calc__head,
    .b-expo__head,
    .b-list-video__head,
    .comment-reply-title,
    .b-read-also__title,
    .b-side-comments__title {
        font-size: 21px;
    }
}
@media screen and (min-width: 0) and (max-width:479px) {
    /* main menu */
    .b-main-menu .b-user-panel {
        float: none;
        clear: both;
    }
    /* */
    .b-header__fav {
        display: none;
    }
    .b-header__logo {
        text-align: center;
        margin: 0;
        width: auto;
    }
    .b-header__logo-a {
        margin: 0 auto 0 auto;
        width: 100%;
        background-size: contain;
    }
    .b-header__search {
        position: absolute;
        right: auto;
        left: 55px;
        top: 116px;
        width: 80%;
        z-index: 100;
    }
    .b-header__search-field {
        width: 50%;
    }
    .b-header__search-submit,
    .b-header__search-submit span {
        width: 64px;
        padding: 0;
        text-align: center;
    }
    /* topmenu */
    .b-top-menu {
        border-bottom-width: 10px;
        position: relative;
    }
    .menu-top-menu-container {
        display: none;
    }
    .b-top-menu__mobile {
        position: absolute;
        left: 10px;
        top: 13px;
        display: block;
        width: 32px;
        height: 30px;
        cursor: pointer;
        background: url(images/b-top-menu__mobile.png) no-repeat 0 -1px;
    }
    .b-top-menu__on .b-top-menu__mobile {
        background-position: 0 -33px;
    }
    .b-top-menu__on {
        height: auto;
        padding: 55px 0 20px 0;
    }
    .b-top-menu__on .b-top-menu ul {
        float: none;
    }
    .b-top-menu__on .menu-top-menu-container {
        margin: 0 15px 0 15px;
        display: block;
    }
    .b-top-menu__on ul li {
        float: none;
        margin: 0 0 10px 0;
    }
    .b-top-menu__on ul li a {
        float: none;
        padding: 0;
        height: auto;
        line-height: normal;
        text-decoration: underline;
        display: inline-block;
        margin: 0 0 10px 0;
    }
    .b-top-menu__on ul li a:hover,
    .b-top-menu__on ul li:hover a {
        background: transparent;
        color: #fff;
        text-decoration: none;
    }
    .b-top-menu__on .sub-menu {
        left: auto;
        top: auto;
        position: static;
        font-size: 12px;
        box-shadow: none;
        border: 0;
        display: block;
        background: transparent;
        width: auto;
        z-index: auto;
    }
    .b-top-menu__on li .sub-menu li {
        margin: 0;
    }
    .b-top-menu__on li .sub-menu li a {
        padding: 3px 10px;
        text-decoration: none;
        color: #fff;
        background: transparent;
        margin: 0;
    }
    .b-top-menu__on li:hover .sub-menu li a,
    .b-top-menu__on li .sub-menu li:hover a,
    .b-top-menu__on li .sub-menu li a:hover {
        color: #fff;
        background: transparent;
    }
    /* adv */
    .adsbygoogle {
       width: 100% !important;
       overflow: hidden !important;
    }
    /* */
    .entry img {
        width: 100% !important;
        height: auto !important;
        border: 0 !important;
    }
    .b-page__content {
        padding: 20px 0 0 0;
    }
    .b-page__content-in {
        margin: 0 10px;
    }
    .content__wrapper {
        margin: 0;
        float: none;
    }
    .content__left-column {
        margin: 0;
    }
    .content__right-column {
        width: auto;
        float: none;
    }
    .b-new-arts__wrap {
        margin: 0;
        float: none;
    }
    .b-new-arts__right {
        margin: 0;
        float: none;
    }
    .b-new-arts__left {
        display: none;
    }
    /* */
    .b-popular__item-big,
    .b-popular__item-small {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .b-popular__item-big .b-popular__img,
    .b-popular__item-small .b-popular__img {
        width: 80px;
        float: left;
    }
    .b-popular__item-big .b-popular__img a,
    .b-popular__item-small .b-popular__img a {
        display: block;
        height: 65px;
        overflow: hidden;
    }
    .b-popular__item-big .b-popular__img img,
    .b-popular__item-small .b-popular__img img {
        width: 80px;
        height: auto;
        margin: 0;
    }
    .b-popular__item-big .b-popular__title,
    .b-popular__item-small .b-popular__title {
        font-size: 12px;
        line-height: 16px;
        margin: 0 0 0 90px;
    }
    .b-popular__item-big .b-popular__desc,
    .b-popular__item-small .b-popular__desc {
        font-size: 11px;
        line-height: 14px;
        max-height: 30px;
        overflow: hidden;
        margin: 0 0 0 90px;
        padding: 4px 0 0 0;
    }
    /* */
    .b-list-video__li-img,
    .b-list-video__li-img img {
        width: 90px;
    }
    .b-list-video__li-img i {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
        background-size: cover;
    }
    .b-list-video__li:hover .b-list-video__li-img i {
        background-position: 0 0;
    }
    .b-list-video__li-text {
        margin: 0 0 0 100px;
        padding: 0;
    }
    .b-list-video__li-title {
        font-size: 14px;
        line-height: 18px;
    }
    .b-list-video__li-desc {
        font-size: 11px;
        line-height: 15px;
        max-height: 92px;
        overflow: hidden;
    }
    .b-list-video__li-more-a {
        font-size: 11px;
        padding: 3px 11px 4px 11px;
    }
    /* */
    .b-side-video {
        display: none;
    }
    .b-side-calc__head {
        margin: 0 0 15px 0;
    }
    .b-side-calc__li {
        font-size: 12px;
        padding-top: 2px;
    }
    /* footer */
    .b-copy {
        padding: 15px 10px;
    }
    .b-copy__left {
        width: 100%;
        float: none;
        font-size: 12px;
    }
    .b-copy__right {
        padding: 25px 0 0 0;
        float: none;
    }
    .b-copy__menu-li {
        font-size: 12px;
    }
    /* expo */
    .b-expo {
        padding: 20px 10px 15px;
        margin-left: -10px;
    }
    .b-expo__wrap {
        margin: 0;
    }
    .b-expo__li {
        width: auto;
        display: block;
        margin: 0 0 15px 0;
    }
    .b-expo__li-img {
        width: 70px;
    }
    .b-expo__li-img img {
        width: 70px;
        height: 70px;
    }
    .b-expo__li-rt {
        margin: 0 0 0 90px;
    }
    .b-expo__li-title {
        font-size: 14px;
        height: 70px;
        min-height: 70px;
    }
    /* qas main page */
    .b-qas-main {
        margin: 0px -10px 40px -10px;
    }
    .b-qas-main__head {
        margin: 0 10px 15px 10px;
    }
    .b-qas-main__inn {
        padding-left: 10px;
        padding-right: 10px;
        background-image: none;
    }
    .b-qas-main__item-title {
        font-size: 15px;
    }
    /* footer */
    .b-footer {
        padding: 21px 10px;
    }
    .b-footer__left {
        width: 100%;
        float: none;
        margin: 0 0 15px 0;
    }
    .b-footer__right {
        width: 100%;
        float: none;
    }
    /* fonts */
    .post h1.post-title {
        font-size: 26px;
        line-height: 28px;
    }
    .b-board__last-title,
    .b-new-arts__head,
    .b-side-news__head,
    .b-qas-main__title,
    .b-popular__head,
    .b-side-calc__head,
    .b-expo__head,
    .b-list-video__head,
    .comment-reply-title,
    .b-read-also__title,
    .b-side-comments__title {
        font-size: 21px;
    }
}
/* ### // other screens ### */

