body {
    min-width: 1040px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #000000;
    line-height: 23px;
    background: #fff;
}
header, footer, section, article, audio, aside, nav, video, detalies, summary, figure  {
    display: block
}
meter, mark, time {
    display: inline-block;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

ul {
    list-style: none
}
ol {
    list-style-position: inside
}

a {
   text-decoration: none
}
a:hover {
    text-decoration: underline
}
h1, .title_1,  h2, .title_2 {
    position: relative;
    font-weight: 300;
    font-size: 33px;
    color: #292A2C;
    line-height: 1.1em;
    font-weight: 500;
}
 h2, .title_2 {
    margin-bottom: 6px;
    font-size: 30px
}
h3, h4, strong, b {
    font-weight: 500
}
.content h2 {
    margin: 20px 0 10px;
    font-weight: 400;
    font-size: 24px;
    clear: both;
}
p {
    margin: 0 0 44px
}

input:focus, select:focus, textarea:focus {
    outline: none
}
img {
    border: none
}

.item-box {
    position: relative;
    max-width: 1100px;
    padding: 0;
    margin: 0 auto
}
.item-box:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 

.alignleft {
    float: left
}
.alignright {
    float: right
}
img.alignleft, img.aleft {
    margin: 0 20px 0 0;
    float: left
}
img.alignright, img.aright {
    margin: 0 0 0 20px;
    float: right
}
ol img.alignleft, ol img.aleft,
ul img.alignleft, ul img.aleft {
    margin: 0 0 0 20px;
    float: right
}

.listBlock {
    width: 100%;
    margin: 0 auto 0;
    text-align: justify;
    line-height: 0;
    font-size: 1px; 
    text-align-last: left;
}
/*
.listBlock:after {
    width: 100%;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;

}
*/
.listBlock > li, .listBlock > div, .listBlock > article, .listBlock > figure, .listBlock > a {
    display: inline-block;
    text-align: center;
    line-height: normal;
    vertical-align: top;
    font-size: 14px
}

.clearfix:after { 
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
#wrapper {
    position: relative;
    text-align: left
}

/*================================================================= HEADER ========================================================*/
#header { 
    position: relative; 
    margin-bottom: 14px;
    background: #f9fafb url(../i/body_bg.png) repeat-x center top
}
#header .item-box {
    padding: 25px 19px 24px 21px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
}
#header .item-box:after {
		display: none;
}
.logo {
	width: 86px;
}
.logo span {
    display: none;
    padding-top: 5px;
    font-size: 13px;
    color: #808386;
    line-height: 15px;
		text-align: center;
}
.logo a {
    display: block;
    background-image: url(../i/icons.png);
    background-repeat: no-repeat;
    background-position: left top
}
.logo a:hover {
    text-decoration: none
}
#header .logo a {
    width: 86px;
    height: 85px
}
#main-menu{
    
}
.item-menu {
    
}
.item-menu > ul {
    padding: 0;
    margin: 0
}
.item-menu > ul > li {
		display: inline-block;
    position: relative;
    padding-right: 15px;
}
.item-menu > ul > li > .sub-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	background: #fff;
	width: 300px;
	padding: 20px;
	box-shadow: 0px 10px 50px -5px #dda979;
}
.item-menu > ul > li:hover > .sub-menu {
	display: block;
}
.sub-menu > li {
	margin-bottom: 5px;
}
.sub-menu > li > a {
	color: #ab8058;
}
.item-menu > ul > li:before {
    position: absolute;
    display: block;
    content: '';
    width: 1px;
    height: 9px;
    top: 50%;
    margin-top: -3px;
    left: 0;
    background: #ecf0f6
}
.item-menu > ul > li:last-child {
    padding-right: 0;
}
.item-menu > ul > li:first-child:before {
    display: none
}
.item-menu > ul > li > a {
    font: 500 19px 'Roboto', sans-serif;
    color: #292a2c
}
#header .item-menu a {
    padding: 0 2px 7px;
}
#header .item-menu > ul > li.active > a, #header .item-menu > ul > li > a:hover {
    color: #c9a07a;
    text-decoration: none;
    border-bottom: 1px solid #e1bc9a
}

#search {
    width: 250px;
}

/* ========================================================= HOME EDITOR ================================================ */
.item-editor {
    position: relative;
    padding: 16px 0 30px;
    background: url(../i/border_1.png) repeat-x left bottom
}
.item-editor:before {
    position: absolute;
    display: block;
    content: '';
    width: 24px;
    height: 18px;
    bottom: -7px;
    right: 40px;
    background: url(../i/icons.png) no-repeat left -162px
}

.item-author, .item-author .box-img {
    position: relative;
}
.item-author .box-img:after {
    position: absolute;
    display: block;
    content: '';
    width: 31px;
    height: 31px;
    top: 2px;
    right: -7px;
    background: url(../i/icons.png) no-repeat left -187px 
}
.item-author {
    width: 100%
}
.item-editor .item-author {
    width: 700px;
    float: left
} 
.item-author:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.item-author img {
    position: relative;
    width: 219px;
    height: 219px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
}
.item-editor .item-author img {
    width: 95px;
    height: 95px
}
.item-author .box-img {
    float: left;
    margin: 4px 27px 0 0
}
.item-author .item-text {
    width: 82%;
    float: left
}
.item-author .name {
    display: block;
    font-weight: 400;
    font-size: 24px;
    color: #292A2C;
    line-height: 1.1em
}
.item-editor .item-author .name {
    font-size: 24px
}
.item-author .name + span {
    font-size: 13px;
    color: #808388
}
.item-author p {
    font-size: 15px;
    color: #292A2C;
    line-height: 21px
}
.item-editor .item-author p {
    margin: 2px 0 0
}

.aside-editor {
    position: relative;
    width: 137px;
    float: right;
    padding: 14px 0 13px 82px;
    margin-top: 5px;
    border: 1px solid #e5e8ed;
    background: url(../i/issue.png) no-repeat 19px 16px
}
.item-editor .aside-editor {
    float: right
}

.aside-editor:before {
    position: absolute;
    display: block;
    content: '';
    bottom: -1px;
    right: -1px;
    border-width: 6px 7px 6px 7px; 
    border-style: solid; 
    border-color: #dce3ed #fff #fff #dce3ed
}

.aside-editor .btn {
    cursor: pointer;
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #292A2C;
    line-height: 16px
}
.aside-editor span {
    display: block;
    margin-top: -2px;
    font-size: 12px;
    color: #747A81
}

/*=========================================================== HOME SLIDER =============================================*/
.item-slider {
    margin-top: 38px;
    margin-bottom: 20px;    
}
.item-slider .slider {position: relative; width: 699px; float: left;overflow: hidden; height: 373px;}
.item-slider .slider:after {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    right: 0;
    border-width: 6px 10px 6px 10px; 
    border-style: solid; 
    border-color: transparent #fff #fff transparent
}
.item-slider .rightside {display: block; float: right; width: 250px; margin: 0 0 0 0px;}
.item-slider .photoarea {}
.item-slider ul.snippets {position: absolute; width: 100%; bottom: 0; left: 0;display: block;list-style: none; margin:0; padding: 0; font-size: 14px; line-height: 16px;}
.item-slider ul.snippets li {position: relative;width: 190px;float: left;margin: 0 1px 0 0; padding: 11px 7px 27px 20px; cursor: pointer; background: rgba(33, 32, 31, 0.93);min-height: 80px;}
.item-slider ul.snippets li:after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 4px;
    top: -4px;
    left: 0;
    background: transparent
}
.item-slider ul.snippets li.active:after, .item-slider ul.snippets li:hover:after {background: #dd9e63;}
.item-slider ul.snippets li.active {background: rgba(33, 32, 31, 0.77);}
.item-slider ul.snippets li a {color: #FFF; font-weight: 400; font-size: 15px; line-height: 17px; display: block; margin: 5px 0 4px;}
.item-slider ul.snippets li small {display: block; font-size: 12px; color: #B6B6B6}
.item-slider .slide {width: 100%; height:375px; background: #fff no-repeat center center; background-size: cover; position: relative;}
.item-slider .slide {cursor: pointer;}


/*========================================================== MATERIALS ===================================*/
.item-materials {
    margin: 87px 0 50px
}
p + .item-materials {
    margin-top: 44px
}
.listBlock .material {
    text-align: left
}
section.listBlock {
    font-size: 15px;
		display: flex;
    justify-content: space-between;
}
.listBlock .material {
    width: 299px
}
.material .box-img {
    position: relative
}
.material .box-img img {
    width: 299px;
    height: 116px
}
.material .category-link {
    position: absolute;
    display: block;
    left: 0;
    top: -25px;
    padding: 5px 16px 7px 14px;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    background: #DDA979
}
.material .category-link:after {
    position: absolute;
    display: block;
    content: '';
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
    border-width: 6px; 
    border-style: solid; 
    border-color: #DDA979 transparent transparent transparent
}
.material .category-link:hover {
    background: #dd4f70;
    text-decoration: none
}
.material .category-link:hover:after {
    border-top-color: #dd4f70
}
.head-material {
    min-height: 195px
}
.head-material .title-link {
    display: block;
    margin: 11px 0 2px;
    font-weight: 500;
    font-size: 18px;
    color: #292A2C;
    line-height: 20px
}
.head-material > a:hover {
    text-decoration: underline
}
.head-material .title-link + a, .head-material .title-link + span {
    display: inline-block;
    font-size: 12px;
    color: #5C5F62;
    line-height: 16px
}
.head-material .title-link + span:hover {
    text-decoration: underline
}
.material ul {
    margin: 9px 0 0;
    padding: 0
}
.material ul li {
    display: table;
    padding: 7px 0 8px;
    border-bottom: 1px dotted #bfbfbf;
}

.material ul li img {
    position: relative
}
.material li > i, .material li > i:after {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%
}
.material li > i {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden
}
.material li:hover > i:after {
    position: absolute;
    display: block;
    content: '';
    width: 34px;
    height: 34px;
    top: 0;
    left: 0;
    border: 3px solid #f15e79
}

.material ul li a {
    display: table-cell;
    padding-left: 13px;
    font-size: 15px;
    color: #2D4361;
    line-height: 17px;
    vertical-align: middle
}
.material ul li:hover a {
    font-weight: 500;
    color: #D64560;
    text-decoration: none
}

/*========================================================== POPULAR ==========================================*/
.item-popular {
    padding: 38px 0 44px;
    margin-bottom: 50px;
    background: #f4f6f7
}
#wrapper .item-popular:first-child {
    margin-bottom: 60px
}
.popular {
    position: relative;
    width: 210px;
    text-align: left !important
}
.item-popular h2, .title-style {
    display: block;
    position: relative;
    padding-top: 14px;
    margin-bottom: 22px;
    font-weight: 300;
    font-size: 30px;
    color: #292a2c
}
.box-popular strong.title-style {
    display: block;
    padding-top: 20px;
    margin-bottom: 25px
}
.box-popular h2:before, .box-popular h2:after, .title-style:before, .title-style:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    height: 1px
}
.box-popular h2:before, .title-style:before {
    width: 115px;
    background: #dda979
}
.box-popular h2:after, .title-style:after {
    width: 63px;
    background: #be7532
}
.popular a:first-child {
    text-decoration: none
}
.popular:after {
    position: absolute;
    display: block;
    content: '';
    top: -3px;
    left: 9px;
    width: 43px;
    height: 3px;
    background: #dda979
}
span[data-url] {
    cursor: pointer
}
.popular span {
	display: block;
	width: 210px;
}
.popular img {
    height: 145px;
    width: 210px;
    margin-bottom: 5px 
}
.popular .title {
    display: inline-block;
    margin-bottom: 3px;
    font-weight: 300;
    font-size: 18px;
    color: #292A2C;
    line-height: 21px
}

.popular .title + a, .popular .title + span {
    font-size: 12px;
    color: #5C5F62;
    border-bottom: 1px solid #b2b4b6
}
.popular .title + a:hover, .popular .title + span:hover {
    text-decoration: none;
    border-bottom: none
}


/*=========================================================== BREADCRAMBS ===============================*/
#item-breadcrambs {
    position: relative;
    width: 934px;
    margin: 10px auto 0;
    overflow: hidden
}
#item-breadcrambs ul {
    padding: 0;
    margin: 0
}
#item-breadcrambs li {
    position: relative;
    float: left;
    margin: 0 13px 0 6px
}
#item-breadcrambs li:after {
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 8px;
    top: 10px;
    right: -14px;
    background: url(../i/icons.png) no-repeat left -238px 
}
#item-breadcrambs li:last-child:after {
    display: none
}
#item-breadcrambs ul li:first-child {
    margin-left: 0
}
#item-breadcrambs a {
    font-size: 11px;
    color: #818891
}
#item-breadcrambs li:first-child a {
    color: #5C5F62
}
#item-breadcrambs a:hover {
    text-decoration: underline
}
#item-breadcrambs li:last-child a {
    cursor: text;
    text-decoration: none
}

/*========================================================== CONTENT ==========================================*/
#container {
    padding-bottom: 20px;
    max-width: 1170px;
    margin: 9px auto 0;
		display: flex;
		flex-wrap: wrap;
}
.authorspage h2 {
    margin-bottom: 23px;
    font: 29px Tahoma, Arial, sans-serif;
    color: #a57f5d
}
.content {
		width: calc(100% - 360px);
    padding: 0 0 0 20px;
    margin: 0;
}
section.content p {
    margin: 25px 0
}
.content h1 + p {
    margin-top: 19px
}

.content .specauthor {
    display: block;
    margin-bottom: 23px;
    font-size: 14px;
    color: #808388
}
.style-img {
    position: relative;
    margin-right: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%
}
.style-img:after {
    background: url("../i/icons.png") no-repeat scroll left -187px;
    content: "";
    display: block;
    height: 31px;
    position: absolute;
    right: 7px;
    top: 28px;
    width: 31px;
}

.item-author h2, .item-author h3 {
    position: relative;
    padding-top: 15px;
    margin: 32px 0 15px
}
.item-author h2:before, .item-author h2:after, .item-author h3:before, .item-author h3:after {
   content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0px;
    width: 31px; 
}
.item-author h2:before, .item-author h3:before {
    width: 115px;
    background: #dda979
}

.item-author h2:after, .item-author h3:after {
    width: 63px;
    background: #be7532
}

ul.materials {
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden
}
ul.materials li {
    position: relative;
    width: 49%;
    float: left;
    margin-bottom: 6px;
    line-height: 1.1em
}
ul.materials li:nth-child(odd) {
    padding-right: 0.5%
}
ul.materials li:nth-child(even) {
    padding-left: 0.5%
}
ul.materials li:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    border: none;
    background: #3f5572
}
ul.materials li:nth-child(even):before {
    left: 4px
}
ul.materials a {
    padding-left: 12px;
    font-size: 14px;
    color: #3f5572
}

.content .information {
    padding: 20px 0;
    margin: 20px 0;
    border-top: 1px solid #e1e5e5;
    border-bottom: 1px solid #e1e5e5;
		display: flex;
		justify-content: space-between;
		align-items: center;
}
.rating_div {
	width: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rating_title {display: inline-block; float: left; margin: 8px 20px 0 0}
#rating {position:relative; height:24px; cursor:pointer; width:120px; float:left}
#rating_blank, #rating_votes, #rating_hover {height:24px; position:absolute}
#rating_blank { background:url('../i/stars.png'); width:120px; }
#rating_votes {background:url('../i/stars.png') 0 -29px}
#rating_hover {background:url('../i/stars.png') 0 -58px; display:none}
#rating_star {margin: 5px 0 3px}
.rating_div__bottom {font-size: 14px}

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

.content .information .infoauthor {
    display: table;
    width: 180px;
    float: left;
    padding: 0;
    margin-bottom: 0;
    border: none
}
.content .information .box-img, .content .information .box-img img {
    width: 63px;
    height: 63px
}
.content .information .box-img {
    margin-right: 20px
}
.content .information .expert {
    display: table-cell;
    font-weight: 500;
    font-size: 16px;
    color: #292A2C;
    line-height: 19px;
    vertical-align: middle
}
.shares {
    width: 255px;
    float: left;
    margin-left: 62px
}
.shares span, .liked > span {
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
    color: #5C5F62
}
.liked {
    width: 135px;
    float: left;
    margin-left: 74px;
    font-size: 13px;
    color: #5C5F62
}
.liked i {
    margin-right: 5px;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    color: #C64466;
    cursor: pointer;
    text-decoration: underline
}
.liked i:hover {
    text-decoration: none
}
.liked i.yes {
    color: #6E8325
}
.liked i.not {
    margin-left: 11px
}

.content .box-popular {
    margin-bottom: 27px
}


/*=========================================================== FORM CONTENT =============================================*/
h3.title-style-2 {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 22px;
    color: #292A2C
}
.expform fieldset {
    margin-bottom: 7px
}
.expform fieldset div {
    width: 221px;
    float: left
}
.expform fieldset div:first-child + div {
    margin-left: 20px;
    margin-right: 20px;
}
.expform fieldset div:last-child {
    float: right;
    margin-left: 15px
}
.expform fieldset input {
    width: 175px;
    /*height: 40px;*/
    padding: 9px 22px 11px;
    line-height: 40px
}
.expform label {
    display: block;
    margin-bottom: 1px;
    font-size: 14px;
    color: #2A2A2C
}
.expform fieldset input, .expform textarea {
    display: block;
    font: 300 16px 'Roboto', sans-serif;
    color: #2A2A2C;
    border: 1px solid #dde2ea
}
.expform fieldset input:focus, .expform textarea:focus {
    border-color: #ddb38c
}
.expform textarea {
    max-width: 653px;
    min-height: 80px;
    padding: 5px 22px;
}
/*.expform input[type="submit"] */.expform button {
    position: relative;
    display: block;
    padding: 4px 13px 7px;
    margin-top: 21px;
    border: none;
    font-weight: 400;
    font-size: 19px;
    color: #fff;
    cursor: pointer;
    overflow: visible;
    background: #dda979
}
.expform button:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -12px;
    margin-left: -6px;
    border: 6px solid transparent;
    border-bottom-color: #dda979
}

/*============================================================ CATEGORY =============================================*/
section.item-category p {
    margin: 7px 0 0;
    font-size: 15px;
    color: #424244;
    line-height: 21px
}
.category-top {
    position: relative;
    overflow: hidden;
    padding-bottom: 25px;
    border-bottom: 1px solid #e8ebec;
}
.category-top .alignleft {
    width: 219px;
    margin-right: 20px
}
.category-top .popular {
    width: 219px;
    margin-bottom: 15px
}
.category-top .popular:last-child {
    margin-bottom: 0
}
.category-top .popular:after {
    display: none
}
.category-top .popular .title {
    margin-bottom: 1px;
    font-size: 16px
}
.category-top .alignright {
    width: 453px
}
.category-top .title-preview {
    margin: 9px 0 4px
}
.title-preview {
    display: block;
    font-size: 18px;
    color: #292A2C
}
.showfull {
    font-size: 12px;
    color: #818891;
    border-bottom: 1px solid #c6c9cc;
}
.showfull:hover {
    border-bottom: none;
    text-decoration: none
}

.postpreview {
    padding-bottom: 25px;
    margin-top: 25px;
    overflow: hidden;
    border-bottom: 1px solid #e8ebec
}
.postpreview .box-img {
    width: 219px;
    float: left;
    line-height: 0
}
.postpreview img {
    width: 219px;
    height: 145px
}
.postpreview  .posttext {
    margin-left: 237px
}

.content .pager-nav {
    position: relative;
    display: table;
    padding: 0;
    margin: 45px auto 0
}
.content .pager-nav li {
    float: left;
    padding: 0;
    margin: 0 10px 20px
}
.content .pager-nav li:before {
    display: none
}
.content .pager-nav a {
    padding: 0 5px;
    font-size: 30px;
    color: #292a2c
}
.pager-nav .active a {
    color: #fff;
    background: #ddb38c
}
.content .pager-nav .active a:hover {
    cursor: text;
    text-decoration: none
}
.content .pager-nav .page-prev, .content .pager-nav .page-next {
    position: relative;
    margin-top: 6px
}
.pager-nav .page-prev:after, .pager-nav .page-next:after {
    position: absolute;
    display: block;
    content: '';
    width: 5px;
    height: 9px;
    top: 10px;
    border: 0
}
.pager-nav .page-prev:after {
    left: -10px;
    background: url(../i/icons.png) no-repeat left -251px
}
.pager-nav .page-next:after {
    right: -10px;
    background: url(../i/icons.png) no-repeat left -264px
}
.pager-nav .page-prev a, .pager-nav .page-next a {
    font-size: 12px;
    color: #818891;
    line-height: 1em;
    border-bottom: 1px solid #e4e5e7
}
.pager-nav .page-prev a:hover, .pager-nav .page-next a:hover {
    border-bottom: none;
    text-decoration: none
} 
.content .pager-nav .page-prev {
    margin-right: 20px
}
.content .pager-nav .page-next {
    margin-left: 15px
}

/*============================================================= RIGHT BAR ============================================*/
#right-bar {
    width: 320px;
    margin-left: 20px;
		display: flex;
		flex-direction: column;
}
#container #right-bar {
		
}
.bar-widget {
    margin-bottom: 30px
}
.nav, .nav ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav li {
    position: relative;
    line-height: 1.1em
}
.nav {
    padding-right: 9px
}
.nav > li {
    padding-left: 6px;
    margin-bottom: 20px
}
.nav > li:last-child {
    margin-bottom: 0
}
.nav > li:before {
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 8px;
    top: 5px;
    left: 0;
    background-image: url(../i/icons.png);
    background-position: left -226px 
}
.nav > li > a {
    position: relative;
    padding: 0 4px 0 3px;
    margin-left: 9px;
    font-size: 18px;
    color: #292A2C;
    border-bottom: 1px solid transparent
}
.nav > li.current > a, .nav > li > a:hover {
    border-bottom-color: #e4e8ee
}
.nav > li > a:hover {
    text-decoration: none
}
.nav ol a {
    font-size: 14px;
    color: #5C5F62
}
.nav .sub-menu > li a {
    position: relative;
    display: block;
    padding: 4px 5px 5px 24px;
    border-left: 4px solid transparent;
} 
.nav ol>li>.sub-menu {
  padding-top: 0; 
}
.nav .sub-menu {
    padding-top: 12px
}
.nav ol a:before {
    position: absolute;
    display: block;
    content: '';
    width: 6px;
    height: 1px;
    top: 50%;
    left: 12px;
    background: #aaafb6
}
.nav ol li li:before {
    background: #736f58
}
.nav .current .sub-menu li.active > a {
    border-left-color: #ddb38c;
    background: #f5f3e8
}
.nav ol ol {
    padding-left:  15px;
}

#right-bar .aside-editor {
    float: none;
    margin-top: 0
}
.aside-comments > strong {
    display: block;
    padding: 0 0 16px 34px;
    margin-bottom: 14px;
    font-weight: 400;
    font-size: 24px;
    color: #292A2C;
    line-height: 1em;
    border-bottom: 1px solid #e1e5e5;
    background: url(../i/comment.png) no-repeat left 3px
}

/*========================================================== SINGLE ========================================*/
.content p a {
    color: #21477C
}
.content blockquote {
    position: relative;
    padding: 6px 10px 8px 42px;
    font: italic 300 21px/30px 'Roboto', sans-serif;
    color: #736353
}
.content blockquote:before {
    position: absolute;
    display: block;
    content: '';
    width: 19px;
    height: 32px;
    top: 0;
    left: 0;
    background: url(../i/icons.png) no-repeat right top
}
/*.list-color, .item-single ol {
    padding: 15px 10px 20px 35px;
    margin: 0 0 0 -21px;
}
.item-single ol {
    background: #eef8ff
}*/
.content ul, .content ol {
    padding: 0px 10px 0px 35px;
    margin: 0 0 0 0px;
/*    overflow: hidden;*/
}
.content  ul li, .content  ol li {
    line-height: 24px;
    margin: 5px 0;
}

.content li:before {
    position: relative;
    display: inline-block;
    content: '';
    width: 5px;
    margin-left: -20px;
    height: 5px;
    left: 0;
    top: 0;
    margin-right: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border: 2px solid #fdb326
}

.content ol>li:before {
  width: auto;
}
.content ol {
/*    background: #eef8ff*/
}
/*.list-color {
    background: #fcffec
}

.list-color li:before {
    border-color: #fdb326
}*/

.content ul {
/*    background: #fcffec*/
}

.content li:before {
    border-color: #fdb326
}

ul.agreen {
    background: #f7ffda
}
ul.agreen li:before {
    border-color: #9ebe3c
}
ul.ared {
    background: #fff5f9
}
ul.ared li:before {
    border-color: #da7aa2
}

h1 + .showfull {
    font-size: 12px;
    color: #818891;
    border-bottom: 1px solid #c6c9cc
}
h1 + .showfull:hover {
    border: none;
    text-decoration: none
}
h1 + .showfull + div p:first-child {
    margin-top: 18px
}
h1 + .showfull + div p a {
    text-decoration: underline
}
h1 + .showfull + div p a:hover {
    text-decoration: none
}

.content p strong {
    font-weight: 400;
}
.content p b {
    font-weight: 400
}
section.content .chapters {
		width: 100%;
    padding: 10px 10px 10px 30px;
    margin: 10px 0;
    border-left: 3px solid #e9c4a2;
    background: #f8f6ec;
		float: left;
		box-sizing: border-box;
}
section.content .chapters ul {
    padding: 0 0 0 21px;
    margin: 0;
    background: transparent
}
.chapters h2 {
    margin-top: 0;
    font-weight: 400;
    font-size: 22px;
    color: #292A2C
}
.chapters ul li {
    position: relative
}
.chapters ul li::before {
    background: #AAAFB6;
    content: "";
    display: block;
    height: 1px;
    left: -12px;
    position: absolute;
    top: 14px;
    width: 6px;
    border: none
}
.chapters ul li a {
    color: #484848;
    border-bottom: 1px solid #E7E6DD
}
.chapters ul li a:hover {
    border: none;
    text-decoration: none
}
.ablue li {
    margin-bottom: 0px;
    margin-left: -21px;
    font-size: 16px;
}
.ablue {
    background: #f5f7f9
}
.ablue li:before {border-color: #5387AD;}
.ablue li > strong {
    position: relative;
    font-weight: 400;
    color: #6581A7;
}
ul.ablue,ul.agreen,ul.ared {
    padding: 10px 10px 10px 35px;
}
/*
    /*border-left: 3px solid #799fd2
    display: block;
    padding: 18px 0 5px 31px;
    margin-left: -31px;
    font-size: 20px;
.ablue li > strong:after {
    position: absolute;
    display: block;
    content: '';
    width: 3px;
    height: 21px;
    top: 20px;
    left: 0;
    background: #799fd2
}
*/
.contentpage iframe {
    width: 683px;
    height: 347px;
    padding: 7px 8px 8px;
    margin: 20px 0 0;
    background: #ebeef1
}

.content ol{
counter-reset: myCounter;
}
.content ol li{
list-style: none;
}
.content ol li:before {
counter-increment: myCounter;
content:counter(myCounter);
display: inline-block;
font-weight: 500;
font-size: 18px;
color: #5387AD;
margin-right: 10px;
border: 0
}

.content table {
    width: 95%;
    border: none;
    border-collapse: collapse;
}
.content table tr:nth-child(odd) {
    background: #eef0f2
}
.content table td {
    padding: 10px 15px 18px 22px;
    font-size: 15px;
    color: #5C5F62
}
.content table tr:first-child td {
    font-weight: 400;
    font-size: 14px;
    color: #2A2A2C;
    padding-bottom: 10px
}
.content table td:first-child {
    width: 180px
}
.content table td:first-child + td {
    width: 205px
}

/*======================================================== REVIEWS =========================================*/

.review {
    position: relative;
    padding: 31px 0;
    margin-bottom: 20px
}
.review:before, .review:after {
    position: absolute;
    display: block;
    content: '';
    height: 22px;
    background-image: url(../i/icons.png);
    background-repeat: no-repeat
}
.review:before {
    width: 670px;
    top: 0;
    left: 1px;
}
.review:after {
    width: 674px;
    bottom: 0;
    right: 1px;
}
.review img {
    display: block;
    width: 219px;
    height: 145px;
    float: left;
    margin: 7px 20px 15% 0
}
.content .review p {
    padding-left: 35px;
    margin: 0 !important;
    font-size: 17px;
    color: #3F4041;
    line-height: 24px
}
.review img + p {
    padding-left: 0
}
.review .author{
    padding-right: 24px;
    text-align: right;
    display: block;
    margin-top: 15px;
    font: italic 300 14px 'Roboto', sans-serif;
    color: #818487
}

.review:before {
    background-position: left -327px;
}
.review:after {
    background-position: right -352px;
}


.review.agreen:before {
    background-position: left -277px;
}
.review.agreen:after {
    background-position: right -301px;
}


.review.ared:before {
    background-position: left -379px;
}
.review.ared:after {
    background-position: right -405px;
}

.review.ablue:before {
    background-position: left -432px;
}
.review.ablue:after {
    background-position: right -456px;
}

/*=========================================================== AUTHORS ======================================*/
.infoauthor {
    padding: 0 0 16px 2px;
    margin-bottom: 31px;
    overflow: hidden;
    border-bottom: 1px solid #e1e5e5
}
.infoauthor:last-child {
    border: none;
    margin-bottom: 0
}
.infoauthor .box-img, .infoauthor .box-img a, .infoauthor .box-img img {
    width: 94px;
    height: 94px
}
.infoauthor .box-img {
    position: relative;
    float: left
}
.infoauthor .box-img:after {
    background: url("../i/icons.png") no-repeat left -187px;
    content: "";
    display: block;
    height: 31px;
    position: absolute;
    right: -7px;
    top: 2px;
    width: 31px;
}
.infoauthor .box-img span, .infoauthor .box-img a, .infoauthor .box-img img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%
}
.infoauthor .box-img  span, .infoauthor .box-img a {
    display: block;
    cursor: pointer;
    overflow: hidden;
}
.infoauthor .infoblock {
    margin-left: 120px
}
.infoauthor .authorname {
    display: block;
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 26px;
    color: #292A2C
}
.infoauthor .infoblock > span {
    font-size: 13px;
    color: #808388
}
.infoauthor .infoblock p {
    margin: 8px 0 5px;
    font-size: 15px;
    line-height: 21px;
    color: #292A2C
}
.more {
    display: inline-block;
    font-size: 13px;
    color: #818891;
    line-height: 1em;
    border-bottom: 1px solid #818891
}
.more:hover {
    text-decoration: none;
    border-bottom: none
}

#form_3.block-form:before, #form_3.block-form:after {
    position: absolute;
    display: block;
    content: '';
    height: 208px;
    top: 0
}
#form_3 .item-box {
    width: 729px;
    z-index: 10
}
#form_3 h3 {
    margin-bottom: 34px
}
#form_3 .item-form {
    margin-left: 25px
}
#form_3 .item-form:first-child {
    margin-left: 0
}


/*============================================================= FOOTER ==============================================*/
#footer {
    position: relative;
    min-height: 141px;
    background: #edeff1 url(../i/footer_bg.png) repeat-x center bottom
}
#footer .item-box {
    padding: 28px 0 22px;
    overflow: hidden
}
#footer .clearfix {
    padding-bottom:  20px;
    border-bottom: 1px solid #d5d9de
}
#footer .clearfix > div {
    float: left
}
#footer p {
    margin: 0
}
#footer .logo, #footer .item-menu {
    float: none
}
.footer-logo {
    width: 190px
}
.footer-logo .logo {
    margin-bottom: 12px;
    overflow: hidden
}
.footer-logo .logo a {
    width: 67px;
    height: 66px;
    margin-right: 17px;
    background-position: left -89px
}
.footer-logo .logo span {
    padding-top: 11px;
    font-size: 12px
}
.footer-logo > span {
    display: block;
    font-size: 12px;
    color: #5C5F62;
    line-height: 16px
}
.footer-nav {
    width: 440px;
    margin: 20px 38px 0 46px
}
.footer-nav .item-menu {
    margin-bottom: 35px;
    overflow: hidden
}
.footer-nav .item-menu li {
    padding: 0 15px 0 16px
}
.footer-nav .item-menu li:first-child {
    padding-left: 0
}
.footer-nav .item-menu li:before {
    background: #ccd2db 
}
.footer-nav a {
    font: 16px Tahoma, sans-serif;
    color: #292A2C
}
.footer-nav .item-menu + p {
    font-size: 12px;
    color: #5C5F62;
    line-height: 16px
}
.footer-counter {
    width: 210px
}
.studio {
    padding: 4px 0 5px 42px;
    margin-bottom: 38px;
    font-size: 12px;
    color: #9CA1A6;
    line-height: 16px;
    background: url(../i/design.png) no-repeat left center
}
.studio a {
    color: #788184
}
#counter a {
    margin-right: 7px
}
#footer .item-box > p {
    margin-top: 13px;
    font-size: 12px;
    color: #818891;
    line-height: 16px
}
#footer .item-box > p a {
    font-size: 12px;
    color: #818891
}

#back-top {
	display: none;
	position: fixed;
	bottom: 257px;
	left: 10px;
	z-index: 90;
	background: url('../i/topbutton.png') no-repeat center center;
	height: 53px;
	width: 110px;
	cursor: pointer;
}


/*============================================= PLACEHOLDER =====================================*/

.placeholder {
    font-size: 18px;
    color: #A79A87;
}
.placeholder {
    font-size: 14px;
    color: #3E2716
}

::-webkit-input-placeholder { /* Chrome ?? Safari */
    color: #3E2716;
    font: 14px/43px 'Open Sans', sans-serif;
    opacity: 1
}
     
:-moz-placeholder { /* Firefox 18- */
    color: #3E2716;
    font: 14px/43px 'Open Sans', sans-serif;
    opacity: 1
}
     
::-moz-placeholder { /* Firefox 19+ */
    color: #3E2716;
    font: 14px/43px 'Open Sans', sans-serif;
    opacity: 1
}
         
:-ms-input-placeholder { /* IE10 */
    color: #3E2716;
    font: 14px/43px 'Open Sans', sans-serif;
    opacity: 1
}


#awOnePageButton .view-slide
{
  display: none;
}
.showcase-content span {
    position: absolute;
    display: inline-block;
    top: 18px;
    left: 24px;
    padding-right: 20px;
    font-size: 15px;
    color: #fff;
    line-height: 1.1em
}
.showcase-content a:hover span {
    text-decoration: underline
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
  height: 470px; /* Same as showcase javascript option */
  overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
  /**/
}

/* Container when content is shown in slider */
.showcase
{
  position: relative;
  margin-top: 20px;
    overflow: hidden
}

  .showcase-content-container
  {
    background-color: #FFF;
  }
  
  /* Navigation arrows */
  .showcase-arrow-previous, .showcase-arrow-next
  {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 135px;
    cursor: pointer;
        z-index: 100;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        background-color: #fff;
        background-image: url(../i/icons.png);
        background-repeat: no-repeat
  }
  
  .showcase-arrow-previous
  {
    left: -21px;
        background-position: -91px 15px
  }
  
  .showcase-arrow-previous:hover
  {
    background-position: -91px -67px;
  }
  
  .showcase-arrow-next
  {
    right: -21px;
    background-position: -157px 15px
  }
  
  .showcase-arrow-next:hover
  {
    background-position: -157px -67px;
  }
  
  /* Content */
  .showcase-content
  {
    background-color: #fff;
    text-align: center;
  }
    
    .showcase-content-wrapper
    {
      text-align: center;
      height: 470px;
      width: 700px;
      display: table-cell;
      vertical-align: middle;
    }
    
    /* Styling the tooltips */
    .showcase-plus-anchor
    {
      background-repeat: no-repeat;
    }
    
    .showcase-plus-anchor:hover
    {
      background-position: -32px 0;
    }
    
   
  .showcase-onepage .showcase-content
  {
    margin-bottom: 10px;
  }
  
  /* Button Wrapper */
  .showcase-button-wrapper
  {
    clear: both;
    margin-top: 10px;
    text-align: center;
  }
  
    .showcase-button-wrapper span
    {
      display: none;
      margin-right: 3px;
      padding: 2px 5px 0px 5px;
      cursor: pointer;
      font-size: 12px;
      color: #444444;
    }
  
    .showcase-button-wrapper span.active
    {
      color: #fff;
    }
  
  /* Thumbnails */
  .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
  {
    /*background-color: #000;*/
        /*width: 660px !important;*/
        padding-left: 21px;
        margin-top: -28px
  }
    
    .showcase-thumbnail-restriction {
        width: 660px !important
    }
  
  .showcase-thumbnail-wrapper
  {
    overflow: hidden;
  }
    
    .showcase-thumbnail
    {
      width: 164px;
      height: 108px;
      cursor: pointer;
      /*border: solid 1px #333;*/
            border-top: 4px solid transparent;
      position: relative;
    }
    
      .showcase-thumbnail-caption
      {
        position: absolute;
        bottom: 2px;
        padding-left: 10px;
        padding-bottom: 5px;
      }
      
      .showcase-thumbnail-content
      {
        padding: 10px;
        text-align: center;
        padding-top: 25px;
      }
      
   
    .showcase-thumbnail:hover
    {
      /*border: solid 1px #999;*/
    }
    
      .showcase-thumbnail:hover .showcase-thumbnail-cover
      {
        display: none;
      }
    
    .showcase-thumbnail.active
    {
      border-top-color:  #dd8f46
    }
    
      .showcase-thumbnail.active .showcase-thumbnail-cover
      {
        display: none;
      }

     

  .showcase-thumbnail-wrapper-horizontal
  {
    padding: 0px;
  }
  
    .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
    {
      margin-right: 1px;
      width: 164px;
    }
 
  
  .showcase-thumbnail-wrapper-vertical
  {
    padding: 10px;
  }
  
    .showcase-thumbnail-wrapper-vertical .showcase-thumbnail
    {
      /*margin-bottom: 10px;*/
    }
    
  .showcase-thumbnail-button-backward,
  .showcase-thumbnail-button-forward
  {
     display: none;
    padding: 7px;
    cursor: pointer;
  }
  
  .showcase-thumbnail-button-backward
  {
     display: none;
    padding-bottom: 0px;
    padding-right: 0px;
  }
     
    .showcase-thumbnail-button-backward .showcase-thumbnail-vertical
    {
      background-position: 0 -51px;
      margin-left: 55px;
    }
    .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
    {
      background-position: -17px -51px;
    }
    
    .showcase-thumbnail-button-forward .showcase-thumbnail-vertical
    {
      background-position: 0 -34px;
      margin-left: 55px;
    }
    .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
    {
      background-position: -17px -34px;
    }
    
    .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
    {
      background-position: 0 -17px;
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
    {
      background-position: -17px -17px;
    }
    
    .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
    {
      background-position: 0 0;
      margin-top: 40px;
      margin-bottom: 40px;
    }
    .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
    {
      background-position: -17px 0;
    }
    
    /* Hide button text */
    .showcase-thumbnail-button-forward span span,
    .showcase-thumbnail-button-backward span span
    {
      /*display: none;*/
    }

.ya-page_js_yes .ya-site-form_inited_no { display: none; }
.hidden {display: none;}
.content ul.materials {padding: 10px 30px !important; margin: 20px -10px !important;}
ul.materials li a {font-size: 13px;}
ul.materials a {padding-left: 0;}
ul.materials li:before {margin-left: -15px;}
.stick {overflow: hidden;}
.content article strong, .content article b {font-weight: 400;}
.review.ablue {background: none;}

.hideback {width:100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; top:0; left:0; z-index:1000000;}
.expform {width: 620px; margin: 50px auto; background: #fff; border: solid 1px rgba(0,0,0,0.5); border-radius: 5px; padding: 20px;}
.expform .bg-good {background: transparent; margin: 20px 0; padding: 5px 10px !important;}
.expform .title {font-family: 'Roboto Condensed', sans-serif; font-size: 30px;}
.expform #askFormArea .title {color: #cedeac; margin: 20px 0;}
.expform a.send {background: #e55554; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-size: 26px; color: #fff; padding: 5px 10px; border-radius: 3px; text-decoration: none; margin: 20px 0;}
.expform a.send:hover {background: #faba3f;}
.expform label {display: inline-block; width: 200px; font-style: italic; font-size: 12px; margin-left: 10px;}
.expform input {display: inline-block; width: 200px;}
.expform input, .askform textarea {padding: 4px 10px; border-radius: 3px; border: solid 1px #ddd; font-size: 15px;}
.expform input:hover, .askform textarea:hover {border-color: #aad;}
.expform textarea {width: 550px; height: 200px;}
.expform label.ask {margin: 10px 0; display: block; font-style: normal;}
.expform a.cancel {font-size: 14px;  margin-right: 160px; display: inline-block; color: #000;}



.gallery {background: #2c251e; padding: 8px; margin: 0 20px; max-width: 700px; position:relative;}
.gallery .viewport {width: 100%; height: 450px; background: #000 no-repeat center center; background-size: cover; position: relative;}
.gallery .viewport .caption {width: auto; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.8); padding: 10px; font-size: 14px; line-height: 18px;}
.gallery .previews {margin: 6px 0 0 0; height: 86px; overflow: hidden;}
.gallery .previews .shift {height: 86px; width: 10000px;}

.gallery .previews .item {display: inline-block; vertical-align: top; margin-right: 6px; bordeR: solid 2px transparent; 
cursor: pointer; -moz-box-sizing: border-box; box-sizing: border-box; height: 86px;}
.gallery .previews .item.active {border-color: #fff;}


.cc li:before, .cc li:after {border: none;}


.aside-editor {min-height: 42px;}

.item-editor .aside-editor.d3d {
    background-image: url(../i/3d.png);
}

.content ul.pager-nav {overflow: visible;}
.item-category h1 {margin: 0 0 20px 0; font-weight: 400;}

.b-share-counter {color: #fff !important;}

#menu_btn {
  display: none;
  width: 33px;
  height: 32px;
  cursor: pointer;
  position: absolute;
  top: 7px;
	right: 0px;
}

#menu_btn span {
  display: block;
  width: 33px;
  height: 5px;
  background: #ddb38c;
  margin: 5px auto;
  border-radius: 3px;
}

#menu_btn:hover span {
  transition: .2s;
  background: #f78669;
}

.leftBlock {
	width: 300px;
	height: 300px;
	z-index: 9;
	position: fixed;
	top: calc((100% - 300px) / 2);
	left: -300px;
	transition: left .3s;
}
.leftBlock-sticky {
	left: 0;
}
.hidden {
	display: none;
}
.leftBlock__close-button {
	top: -22px;
	left: 278px;
	outline: 0;
	border: 0;
	text-decoration: none;
	box-sizing: content-box;
	position: absolute;
	width: 22px;
	height: 22px;
	background-color: #FFEB3B;
	cursor: pointer;
}
.leftBlock__close-button:hover {
	background-color: #f7de00;
}
.leftBlock__close-button:after, .leftBlock__close-button:before {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #000;
}
.leftBlock__close-button:before {
	transform: rotate(45deg);
}
.leftBlock__close-button:after {
	transform: rotate(-45deg);
}

.sidebar__ads {
  width: 270px;
	float: left;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
	top: 70px !important;
}

.panel {
	display: none;
	position: fixed;
	top: 0;
	left: calc((100% - 1130px) / 2);
	z-index: 9998;
	width: 1150px;
	height: 40px;
	background: #ccd9f3;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}
.panel__top {
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.panel__bottom {
	width: 100%;
	height: 31px;
	position: relative;
}
.social-top {
	width: auto;
  height: 25px;
	float: right;
  margin: -32px 70px 0 20px;
}
.panel__info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 5px 10px 5px 5px;
	height: 31px;
	cursor: pointer;
	width: 400px;
	/*position: relative;*/
	overflow: hidden;
}
.panel__info span {
	display: block;
	overflow: hidden;
	background: #0c9900;
	padding: 3px 10px;
	font-weight: bold;
	color: #fff;
	width: 1000px;
}

.panel__info:before {
	content: '';
	display: block;
	width: 29px;
	height: 29px;
	background-color: #0c9900;
	background-image: url('../i/dropdown-icon-white.png');
	background-repeat: no-repeat;
	background-position: center; 
	position: absolute;
	margin-left: 400px;
}

.panel__info.panel__infor-flip:before {
	transform: rotate(-180deg);
}

.panel__info span:hover {
	background: #10c700;
}

.panel__info:hover:before {
	background-color: #10c700;
}

.panel__list {
	position: absolute;
	display: none;
	background: #fff;
	padding: 5px;
	width: 419px;
	margin: -5px 0 0 5px;
	box-shadow: 0 0 8px 0 #e8e8e8;
}
.panel__list > li {
	list-style: none;
	margin: 0 10px 5px 10px;
}
.panel__list > li li {
	list-style: none;
	margin: 0 10px 5px 0;
}
.panel__list ul {
	margin: 0;
}
.panel__list li a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 2px 5px;
	font-weight: bold;
}
.panel__list li a:hover {
	background: #0c9900;
	color: #fff;
}
.cur_category {
	width: 300px;
	height: 25px;
	float: left;
	margin: -33px 0 0 450px;
	display: flex;
	justify-content: space-between;
}

.cur_category__menu {
	position: relative;
}

.panel-menu {
	display: none;
	background: #fff;
	position: absolute;
  margin: 32px 0 0 0px;
	width: 400px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}

.mobmenu {
	max-width: 1100px;
	background: #fff;
	margin: 10px auto;
	padding: 0;
}

.panel-menu li, .mobmenu li {
	list-style: none;
	padding: 5px 15px;
	margin: 0;
}

.panel-menu  ul {
	margin: 0;
	padding-left: 0;
}

.panel-menu > ul > li:not(:last-child),
.mobmenu > li:not(:last-child) {
	border-bottom: 1px solid #000;
}

.panel-menu > ul > li,
.mobmenu > li {
	padding: 12px 15px 10px;
	position: relative;
}

.panel-menu > ul > li {
	padding: 14px 15px 13px;
}

.mobmenu > li {
	padding: 8px 10px 5px;
}

.mobmenu > li > a {
	font-size: 17px;
}

.panel-menu > ul > li > ul > li > a,
.mobmenu > li > ul > li > a {
	margin-bottom: 0;
}

.panel-menu > ul > li > ul > li,
.mobmenu > li > ul > li {
	padding: 1px 15px;
}

.submenu-btn {
	width: 53px;
	height: 50px;
	background: url('../i/dropdown-icon.png');
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #000;
	cursor: pointer;
}

.mobmenu .submenu-btn {
	width: 36px;
	height: 36px;
	background-position: -7px -7px;
}

.mobmenu .submenu-btn.flip {
	background-position: -9px -7px;
}

.panel-menu li a, .mobmenu li a {
	color: #000;
	text-decoration: none;
}

.cur_category__header {
	font-size: 20px;
	color: #000;
	cursor: pointer;
	margin: 2px 0 0 47px;
	float: left;
	position: absolute;
	text-decoration: underline;
}

.cur_category__header:hover {
	text-decoration: none;
}

.panel-menu li a:hover {
	color: #ff5423;
}

.flip {
  transform: rotate(-180deg);
	border-left: 0;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

.cur_category__header a:hover {
	text-decoration: none;
}

#panel-menu-btn {
  float: right;
  width: 33px;
  height: 32px;
  cursor: pointer;
	margin-top: -5px;
}

.panel-menu .sub-menu,
.mobmenu .sub-menu {
	display: none;
	padding-left: 0;
}

#panel-menu-btn span {
  display: block;
  width: 33px;
  height: 5px;
  background: #0c9900;
  margin: 5px auto;
  border-radius: 3px;
}

#panel-menu-btn:hover span {
  transition: .2s;
  background: #10c700;
}

.mobmenu, .mobmenu-visible {
	display: none;
}

.visible {
	display: block !important;
}

.a-top {
	max-width: 1130px;
	margin: 0 auto;
}

#back_to_top {
	display: block;
	width: 28px;
	height: 29px;
	background: url(../i/back_to_top.png);
	cursor: pointer;
	z-index: 9999;
	float: right;
	position: absolute;
	top: 0;
	right: 20px;
}

.bottomsoclikes {
	width: 220px;
}

@media (max-width: 1800px) {
	.leftBlock {
		display: none;
	}
}

@media (max-width: 1370px) {
	#back-top {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	#header {
		background: #fff;
		margin-bottom: 5px;
	}
	
	#header .item-box {
		position: relative;
		padding: 0;
		justify-content: center;
		min-height: 50px;
	}
	
	#main-menu, #header .item-box:before  {
		display: none;
	}
	
	header .logo {
		transform: scale(.5);
		position: absolute;
		left: -22px;
    top: -15px;
	}
	
	#search {
		width: 500px;
	}
	
	#menu_btn {
		display: block;
	}
	
	.mobmenu {
		display: none;
	}
	
	.mobmenu.mobmenu-visible {
		display: block;
	}
	
	.item-slider {
		margin-top: 0;
	}
	
	.content .information {
		flex-direction: column;
	}
	
	.content .information > *,
	.content .information .infoauthor {
		margin: 0 0 10px;
	}
}

@media (max-width: 1130px) {
	#header .item-box {
		padding: 0 10px;
	}
	header .logo {
		left: -12px;
	}
	#menu_btn {
		right: 10px;
	}
	.item-slider, .item-box, .item-popular {
		padding: 0 10px;
		box-sizing: border-box;
	}
	#footer .item-box {
		padding: 20px 10px;
	}
}

@media (max-width: 1050px) {
	.item-slider.item-box {
		display: none;
	}
}

@media (max-width: 1039px) {
  body, html {
    min-width: 769px;
    margin:0
  }
  
  #header:after {display:none}
  
  #right-bar {display:none}
  
  .item-slider .slider {float:none;margin:0 auto}
  
  .item-box {padding:10px}
  
  
  .popular {width:23%}  
  
  #footer {padding:15px}
  
  .footer-nav {width:240px}
  
  /********/
  #item-breadcrambs {width:95%}
  #container {padding:15px;box-sizing: border-box; }
  #container #right-bar {display:block;}
  
  /****/
  .adsbygoogle {width:100%!important;overflow:hidden}
  article img {height:auto;max-width:100%}
  article embed, article iframe {max-width:100%}
  #container .listBlock .popular {width:30%}
	
	.item-slider .slider {float:left;margin:0 auto}
  #right-bar {display:block} 
  #vk_groups11 {width:220px!important}
  #vk_groups11 iframe {max-width:100%!important}
}

@media (max-width: 950px) {
	.listBlock .material {
		width: 30%;
	}
	.material .box-img img {
		width: 100%;
		height: auto;
	}
	.popular span, .popular img {
		width: 100%;
		height: auto;
	}
	.content {
		width: 100%;
		padding: 0;
		overflow: hidden;
	}
	#container #right-bar, #right-bar {
		display: none;
	}
	#container {
		padding: 0 10px 10px;
	}
}

@media (max-width: 790px) {
	.item-popular .listBlock {
		flex-wrap: wrap;
	}
	
	.popular {
		width: 40%;
	}
}

@media (max-width: 767px) {
  body, html {
    min-width: 480px;
    margin:0
  }
  
  .logo:after, .item-menu:after {display: table;  clear: both;  content: '';}
  
  .logo {float:none}
  #main-menu {margin:10px 0;float:none}
    .item-menu li {padding:0 10px}
  
  #header:after {display:none}
  
  .item-slider {display:none}
  
  .item-box {padding:10px}
    
  .listBlock .material, .popular {width:100%;margin:30px 0} 
    .popular {width:48%}  
     .popular img {height:auto;max-width:100%}
  
  .item-materials {margin:20px 0}
  
  .item-editor .item-author {width:100%}
  
  #footer {padding:15px}
  #footer .clearfix > div {float:none}
  
  .footer-nav {margin:15px 0;width:100%}
  
  .item-author .item-text {float:none;width:auto;margin:0 0 0 100px}
  
  /********/
  #item-breadcrambs {width:95%}
  #container {padding:15px;box-sizing: border-box; }
  #container #right-bar {float:none;width:100%;margin:10px 0}
  .content {margin:0}
  .category-top .alignleft {float:none;margin:10px 0;width:100%}
  
  .postpreview .posttext {margin:0}
  .postpreview .box-img {width:35%;margin:0 10px 10px 0}
    .postpreview .box-img img {height:auto;max-width:100%}
  #vk_groups {display:none}
  
  .category-top .popular {display:inline-block;vertical-align:top;width:46%;margin:0 1% }
  
  /****/
  .adsbygoogle {width:100%!important;overflow:hidden}
  article img {height:auto;max-width:100%}
  article embed, article iframe {max-width:100%}
}

@media (max-width: 700px) {
	section.listBlock {
		flex-direction: column;
		align-items: center;
		margin-top: 10px;
	}
	
	.listBlock .material {
		width: 280px;
	}
	
	#container .listBlock .popular {
		width: 300px;
	}
	
	p {
		margin-bottom: 10px;
	}
}

@media (max-width: 650px) {
	#search {
		margin: 55px 0 0 0;
		width: 100%;
	}
}

@media (max-width: 480px) {
  #sidefixblock.sticky {
    position: relative;
    top: 50px;
  }
  body, html {
    min-width: 310px;
    margin:0;
    
  }
  
  .logo:after {display: table;  clear: both;  content: '';}
  
  .logo {float:none}
  #main-menu {margin:10px 0;float:none}
  .item-menu li {float:none;padding:0!important}
    .item-menu li  a {display:block;padding:5px;}
  #search {float:none;width:100%} 
  
  #header:after {display:none}
  
  .item-slider {display:none}
  
  .item-box {padding:10px}
    
  .listBlock .material, .popular {width:100%;margin:30px 0} 
  
  .item-materials {margin:20px 0}
  
  .item-editor .item-author {width:100%}
  
  #footer {padding:15px}
  #footer .clearfix > div {float:none}
  
  .footer-nav {margin:15px 0;width:100%}
  
  /********/
  #item-breadcrambs {width:95%}
  #container {padding:15px;box-sizing: border-box; }
  #container #right-bar {float:none;width:100%;margin:10px 0}
  .content {margin:0}
  .category-top .alignleft {float:none;margin:10px 0;width:100%}
  
  .postpreview .posttext {margin:0}
  .postpreview .box-img {float:none;display:block;}
  #vk_groups {display:none}
  
  /****/
  .adsbygoogle {width:100%!important;overflow:hidden}
  article img {height:auto;max-width:100%}
  article embed, article iframe {max-width:100%}
  .hideme {display: none !important;}  
}

@media (max-width: 400px) {
	#container .listBlock .popular {
		width: 100%;
	}
}

section.content strong {font-weight: 400!important;}
.aplace {max-width: 750px;}