Поддержка → Проблемы и решения → Помогите, легкий очень вопрос по css

Помогите, легкий очень вопрос по css

  • hitok123

    (@hitok123)


    6 лет, 6 месяцев назад

    Всем привет, вопрос очень легкий (это я просто не шарю)
    Есть такая картинка
    http://prntscr.com/gu6m9u

    Как сделать нормальную обтекаемость. Конечно я перепробовал что гугл выдал. (но не получается.

    код

    body {
	font: 16px/24px 'Roboto', sans-serif;
	background: #fff;
}
#main {
	overflow: hidden;
	position: relative;
	min-width: 303px;
}
p {
	margin: 0 0 25px 0;
}
a {
	text-decoration: none;
	color: #8b8ce7;
	transition: color ease-out 0.8s;
}
a:hover {
	text-decoration: underline;
	color: #6969b3;
	transition: color ease;
}
ul li {
	list-style: none;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

.alignleft {
	float: left;
}
img.alignleft,
div.alignleft {
	margin: 5px 15px 5px 0 !important;
}
.alignright {
	float: right;
}
img.alignright,
div.alignright {
	margin: 5px 0 10px 20px;
}

.wrapper {
	clear: both;
	width: 1000px;
	margin: 0 auto;
}
.wrapper:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
}
.content-wrapper:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
}
.content {
	float: left;
	width: 660px;
	min-height: 700px;
}
.content:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
}
.tac {
	clear: both;
	text-align: center;
}
.btn {
	display: inline-block;
	padding: 10px 40px;
	background: none;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: normal;
	transition: easy;
	background-color: #6969b3;
}
.btn:hover {
	text-decoration: none;
	background: #8b8ce7;
	color: #fff;
}
.link {
	color: #010101;
}
.link:hover {
	color: #6969b3;
	text-decoration: none;
	border-bottom: 1px solid rgba(105, 105, 179, 0.2);
}
/* Header 
===================================================================================================*/
.header {
	padding-top: 12px;
	margin-bottom: 15px;
}
.header:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
}
.m-nav .slide-out-close {
	display: none;
}
.main-box .slide-out-open {
	display: none;
}
.logo {
	margin-bottom: 10px;
	float: left;
}
.search-form {
	margin: 6px 0 16px 0;
	float: right;
	position: relative;
	height: 40px;
	width: 340px;
	box-sizing: border-box;
	background: #f8f8f8;
}
.search-form .search-form__field {
	width: 100%;
	height: 40px;
	font-size: 16px;
	line-height: normal;
	border: none;
	padding: 0 45px 0 15px;
	box-sizing: border-box;
	background: none;
	color: #333;
}
.search-form .search-form__field::-webkit-input-placeholder {
	color: #8a8a8a;
}
.search-form .search-form__field::-moz-placeholder {
	color: #8a8a8a;
}
.search-form .search-form__field:-moz-placeholder {
	color: #8a8a8a;
}
.search-form .search-form__field:-ms-input-placeholder {
	color: #8a8a8a;
}
.search-form .search-form__button {
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	width: 45px;
	height: 36px;
	box-sizing: border-box;
	text-indent: -9999px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAdVBMVEUAAACKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqQ3xhgAAAAJnRSTlMA9zs06dAF8GJSQxsM8+C8sgGbaFxXStjVx62po5OMc3AsJ6d4d7VcW7EAAADfSURBVCjPdZDrFoIgEIQBES+plaXdb1bz/o/YCHjAc+z7NeywOwvCUj3XjazTWyJmbB81PJtVVK82COgk3B/rsi2S8nOgyobJePK0dhPMgzo1flDGOrUjp5M7ueOcKPHCFqeYcBOBhC3uXgP0IkIDpRUSeMXGCdhbwezZe1Ogs+Lo1/AYfoKy6sptI6PgkpVVPZgWvocDzv5HOFRP8eaNEKmos52xj+BKfin/djZd7i17MXNyiTnd5AxnXzl0KgMpxMQqv1/br9oysqYhgxNQcnT6f04jFijpaLHoNLr4AWPOGmKL481PAAAAAElFTkSuQmCC) center no-repeat;
}
.main-menu {
	clear: both;
	background: #6969b3;
	padding: 20px 1000%;
	margin: 0 -1000%;
}
.main-menu:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
}
.main-menu__inner {
	position: relative;
}
.main-menu__inner .menu-arrow {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAMAAADAMI+zAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEnRSTlMA++8rGcxB4uDYdwzHrq1dXD7uePybAAAAOElEQVQI1yXLSQ4AIQzEQDcJ+6z//ywRlOSj6c9km3dnKDvBswa8agbW9BFKSn9U2KxK1eDw63wLLb0A/Q58WxAAAAAASUVORK5CYII=) no-repeat;
	width: 12px;
	height: 6px;
	text-indent: -9999px;
	position: absolute;
	right: 29px;
	top: 8px;
	z-index: 1;
}
.main-menu__list.main-menu__list_m{
	display: none;
}
.main-menu__list > .current-post-parent > a {
	font-weight: bold;
}
.main-menu__list > li {
	float: left;
	padding-right: 50px;
	font-size: 16px;
	line-height: 20px;
	position: relative;
}
.main-menu__list > li > a,
.main-menu__list > li > span {
	position: relative;
	z-index: 101;
	color: #fff;
}
.main-menu__list > li > a:hover,
.main-menu__list > li > span:hover {
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.main-menu__list > li > span {
	font-weight: bold;
}
.main-menu__list > li > span:hover {
	border-bottom: 0;
}
.main-menu__list > li > ul {
	/*2*/
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 40px;
	z-index: 110;
	width: 180px;
}
.main-menu__list > li > ul > .current-post-parent a {
	background: #6969b3;
}
.main-menu__list > li > ul > li {
	font-size: 16px;
	line-height: 20px;
}
.main-menu__list > li > ul > li > a,
.main-menu__list > li > ul > li > span {
	display: block;
	color: #fff;
	padding: 12px 10px;
	background: #5a5aa1;
	border-bottom: 1px solid #6969b3;
}
.main-menu__list > li > ul > li > a:hover,
.main-menu__list > li > ul > li > span:hover {
	text-decoration: none;
	background: #6969b3;
}
.main-menu__list > li > ul > li > span {
	background: #6969b3;
}
.add-menu__toggle {
	background: #5a5aa1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAMnRSTlMAA/fJIgoW8uOYPzgkHtXEuLSeUDQuEOrm3tuwraKEWEZCMNC+uqiVh2pJKol+eks7E5boYJwAAAENSURBVCjPfZFJlsIwDETLkHmAQCaSEEigGRp61P0Ph2Q7i2yoTX1L78kqG/gM/GsF1lfth+Iq9OtvrhNrCeAg0DPsBQ4grQiegRKJ9oVtHO2ZBvzZxkZ7BSzFdy5UbYZXH3w8AkjPRO2JYWy5njBEuQutRw6jfMBbeYmF1LHgpJD9F3TRlS1RJ0M9DnJTuBMrUFJnrWHX622OX6QGYpSzgDmc6QkK2wjFfBcm6QrASmCjZ68kl3vhXJ7stCbayxblCKM4shAVeKsktlCeLBRPAOpKdB4A/ZpLRybyHZmH7XwrBdUIZNNHTTlGxLOAj+lrCzxt40esVUBoJgBrgRtwb3ZZClYfBJ34fxc0IV7rBzL4ggADWwAAAABJRU5ErkJggg==) center no-repeat;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: -60px;
	text-indent: -9999px;
	cursor: pointer;
}
.add-menu {
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 1000;
	width: 180px;
}
.add-menu > ul {
	display: none;
}
.add-menu > ul > .current-post-parent a {
	background: #6969b3;
}
.add-menu > ul > li {
	font-size: 16px;
	line-height: 20px;
}
.add-menu > ul > li > a,
.add-menu > ul > li > span {
	display: block;
	color: #fff;
	padding: 12px 10px;
	background: #5a5aa1;
	border-bottom: 1px solid #6969b3;
}
.add-menu > ul > li > a:hover,
.add-menu > ul > li > span:hover {
	text-decoration: none;
	background: #6969b3;
}
.add-menu > ul > li > span {
	background: #6969b3;
}
.slider li {
	display: none;
}
.slider li .slider__item:last-child .slider-text__title,
.slider li .slider__item:nth-child(3) .slider-text__title {
	font-size: 14px;
	line-height: 20px;
}
.slider .bx-wrapper li,
.slider li:first-child {
	display: block;
}
.slider {
	position: relative;
	margin-bottom: 20px;
}
.slider .bx-pager {
	text-align: center;
	margin-top: 20px;
}
.slider .bx-pager-item {
	display: inline-block;
}
.slider .bx-pager-item:last-child {
	margin-right: 0;
}
.slider .bx-pager-item a {
	width: 15px;
	height: 15px;
	display: block;
	text-indent: -9999px;
	background: #e5e5e5;
	border-radius: 50%;
	margin-right: 10px;
}
.slider .bx-pager-item a:hover {
	background: #6969b3;
}
.slider .bx-pager-item .active {
	background: #6969b3;
}
.slider__item {
	position: relative;
	overflow: hidden;
	float: left;
}
.slider__img {
	vertical-align: bottom;
}
.slider-text {
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 0 15px 15px 15px;
	background: rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.post-info_slider {
	margin-bottom: 15px;
}
.post-info__cat {
	display: inline-block;
	margin-right: 15px;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 5px;
	position: relative;
	z-index: 101;
}
.post-info__cat a {
	display: block;
	background: #9187c4;
	padding: 5px 12px;
	color: #fff;
}
.post-info__cat a:hover {
	text-decoration: none;
	background: #6969b3;
	color: #fff;
}
.post-info__time {
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	display: inline-block;
	padding-left: 25px;
	position: relative;
}
.post-info__time:after {
	position: absolute;
	content: '';
	left: 0;
	top: -2px;
	width: 17px;
	height: 17px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMALYd4DzOB9HwJzG4C7WZMNR3dg+PEm3RXUiHVIiJOAAAAgklEQVQY03WMCQ7DIAwEl6MkHIEEcvv//ywgJFq1GVleaWQvCv6ucXs0FuI1OS0l9G6yEcYYkY3ZNTytertUjFFdm17JQxBDhxH/b5xi8wgxM+WakYMdJzmNdpDNQCKPLuv35rEHB2MWhf51qEFX05ud/Lw5X52TEgJ9E4CQeCcFvAFZowmmGm9D8gAAAABJRU5ErkJggg==) no-repeat;
}
.slider-text__title {
	font-size: 16px;
	line-height: 20px;
	position: relative;
}
.slider-text__title a {
	color: #fff;
	font-weight: 500;
}
.slider-text__title a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.slider-text__title a:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m-nav .social-icon {
	display: none;
}
/* Home *
===================================================================================================*/
.title {
	background: #f8f8f8;
	border-left: 4px solid #6969b3;
	padding: 12px 15px;
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 25px;
	color: #6969b3;
}
.title_recommended{
	background: none;
}
.posts {
	overflow: hidden;
}
.posts .posts__item {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
}
.posts_home .posts__item {
	float: left;
	width: 320px;
}
.posts_home .posts__item:nth-child(odd) {
	clear: both;
	margin-right: 20px;
}
.posts__item-img {
	position: relative;
	margin-bottom: 8px;
}
.posts__item-img img {
	vertical-align: bottom;
}
.posts__item-img .post-cat {
	position: relative;
	z-index: 1;
}
.post-info.post-info_loop {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0;
	padding: 20px;
	background: rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.posts__item-title {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 20px;
}
.posts__item-title a {
	color: #010101;
}
.posts__item-title a:hover {
	color: #6969b3;
	text-decoration: none;
	border-bottom: 1px solid rgba(105, 105, 179, 0.2);
}
.posts__item-title a:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 320px;
	height: 200px;
	z-index: 0;
}
.posts__item-content {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
}
.more {
	overflow: hidden;
	padding-bottom: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 21px;
	color: #6969b3;
}
.more span {
	border-bottom: 1px dashed #6969b3;
	cursor: pointer;
}
.more span:hover {
	border-bottom: 0;
}
.slider-posts-wrap li {
	display: none;
}
.slider-posts-wrap .bx-wrapper li,
.slider-posts-wrap li:first-child {
	display: block;
}
.slider-posts-wrap {
	background: #f0edfc;
	margin-bottom: 40px;
	overflow: hidden;
	padding: 9px;
	position: relative;
}
.slider-posts-wrap .bx-prev,
.slider-posts-wrap .bx-next {
	position: absolute;
	left: 0;
	top: 41px;
	display: block;
	width: 26px;
	height: 65px;
	text-indent: -9999px;
	background-color: #fff;
	border: 1px solid #e9e5ff;
	box-sizing: border-box;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAMAAADO+P1vAAAAVFBMVEUAAABpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabOQwBRGAAAAG3RSTlMAB7guFxD29O3n39jOxK+snpyQgHViV0khPj1WoCOuAAAAWUlEQVQI113PNxLAIBADQIJxztnW///pQhjNQLUFp9OZ+OxY/Fzgog5gp3yJiQotukA6VJ7agJO6gJW6awyW2T2amD4Dj0l8KX3QWBamFVqc1VFJVddBOvMDqG4FoHcKrngAAAAASUVORK5CYII=);
	background-position: center;
	background-repeat: no-repeat;
}
.slider-posts-wrap .bx-prev:hover,
.slider-posts-wrap .bx-next:hover {
	background-color: #6969b3;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAD5Jg1dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpi+P//PwMezA7E64FYlIUBP5gCxAFAzIXPtKT/CFCKS5EREH+DKloDxIzYFAkB8T2oohtAzA8SR1fEBMTboIq+ALE2TA5dYQOSuyKQ5ZAVeQLxX6iiCehOgjEUgfgtVNERIGbDppATiM9CFT0HYilsIQEi5kIV/QZiO1zhygQMdUakmPiPM46gVp8jxmp0zxzG5RlswdOPTyF6gIfjUwiKwu3ERCEsUdwnlChISmYkJVwYng1VuJOB2MwFEGAA5PyL04pG07UAAAAASUVORK5CYII=);
	border: 1px solid #6969b3;
}
.slider-posts-wrap .bx-next {
	left: auto;
	right: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAMAAADO+P1vAAAAUVBMVEUAAABpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabNpabOAuiUKAAAAGnRSTlMAB/fcuK4T9O7nzsOenI+AdWJXST0yKiEZDiWpgnMAAABVSURBVAjXZc83DsAwDANA9/Te+f+HZhFBBPF0gyxSrmTv7CUM5AwsdEY4jE9ELOazQuLICkz0CGxG36G+zHeDlkl7QP+hBvRNyxShYNVRSVX/H6QzX4ozBVvArJlqAAAAAElFTkSuQmCC);
}
.slider-posts-wrap .bx-next:hover {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAD5Jg1dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNpi+P//vygQrwdidiBmwIVBxM7/EDCbkMLS/wiQhE8hIxCvgSr8DsRGuBSCMD8Q34Aqvg/EQrgUgrAWEH+BKt4OxEy4FIJwOJJ7G/ApBOF+qMK/QOyJTyEbEB+GKn4LxIq4FIKwFBA/hyo+C8ScDHgC2Q6If0MVz2NiwA3+o/KwmyaJZPU5XFazInnmHT7PwILnH77gISrAiYpCPmISBdHJjOiEC8sKcwhlBaIyF0CAAQBQMasVTOhzegAAAABJRU5ErkJggg==);
}
.slider-posts-wrap .bx-pager {
	text-align: center;
	margin-top: 20px;
}
.slider-posts-wrap .bx-pager-item {
	display: inline-block;
}
.slider-posts-wrap .bx-pager-item:last-child {
	margin-right: 0;
}
.slider-posts-wrap .bx-pager-item a {
	width: 15px;
	height: 15px;
	display: block;
	text-indent: -9999px;
	background: #e5e5e5;
	border-radius: 50%;
	margin-right: 10px;
}
.slider-posts-wrap .bx-pager-item a:hover {
	background: #6969b3;
}
.slider-posts-wrap .bx-pager-item .active {
	background: #6969b3;
}
.slider-posts li {
	position: relative;
	overflow: hidden;
}
.slider-posts__img {
	position: relative;
	margin-bottom: 8px;
}
.slider-posts__img img {
	vertical-align: bottom;
}
.post-info_slider-posts {
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 0 15px 15px 18px;
	background: rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.slider-posts__title {
	font-size: 14px;
	line-height: 20px;
}
.slider-posts__title a {
	color: #010101;
}
.slider-posts__title a:hover {
	color: #6969b3;
	text-decoration: none;
	border-bottom: 1px solid rgba(105, 105, 179, 0.2);
}
.slider-posts__title a:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.description {
	border-top: 4px solid #6969b3;
	padding: 30px 1000%;
	margin: 0 -1000%;
	font-size: 14px !important;
	line-height: 19px !important;
	color: #666666;
}
.description__title {
	color: #6969b3;
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: bold !important;
}
/* Sidebar *
===================================================================================================*/
.sidebar {
	float: right;
	width: 300px;
	background: #fff;
}
.sidebar .section {
	margin-bottom: 25px;
	overflow: hidden;
}
.sidebar-menu {
	margin-bottom: 30px;
}
.sidebar-menu .title {
	margin-bottom: 0;
}
.sidebar-menu > ul > .current-menu-item > .menu-arrow:before,
.sidebar-menu > ul > .current-menu-item > .menu-arrow:after {
	background: #85ece7;
}
.sidebar-menu > ul > .current-post-parent > a {
	background: #6969b3;
	color: #fff;
}
.sidebar-menu > ul > .current-post-parent > .menu-arrow:before,
.sidebar-menu > ul > .current-post-parent > .menu-arrow:after {
	background: #85ece7;
}
.sidebar-menu > ul li.active > a {
	background: #6969b3;
	color: #fff;
}
.sidebar-menu > ul > li {
	font-size: 18px;
	line-height: 22px;
	position: relative;
}
.sidebar-menu > ul > li:hover .menu-arrow:before,
.sidebar-menu > ul > li:hover .menu-arrow:after {
	background: #85ece7;
}
.sidebar-menu > ul > li:hover > a,
.sidebar-menu > ul > li:hover > span {
	background: #6969b3;
	color: #fff;
	text-decoration: none;
}
.sidebar-menu > ul > li .menu-arrow {
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
	right: 8px;
	top: 17px;
	text-indent: -9999px;
	z-index: 101;
	box-sizing: border-box;
}
.sidebar-menu > ul > li .menu-arrow:hover {
	border: 1px solid #85ece7;
}
.sidebar-menu > ul > li .menu-arrow:before,
.sidebar-menu > ul > li .menu-arrow:after {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	margin-left: -1px;
	margin-top: -6px;
	width: 2px;
	height: 12px;
	background: #6969b3;
}
.sidebar-menu > ul > li .menu-arrow:after {
	margin-left: -6px;
	margin-top: -1px;
	width: 12px;
	height: 2px;
	background: #6969b3;
}
.sidebar-menu > ul > li .menu-arrow.active:before {
	display: none;
}
.sidebar-menu > ul > li .menu-arrow.active:after {
	background: #85ece7;
}
.sidebar-menu > ul > li > a,
.sidebar-menu > ul > li > span {
	display: block;
	padding: 15px 25px 15px 15px;
	border-bottom: 1px solid #e0e0e0;
	color: #666666;
	position: relative;
	z-index: 1;
	transition: easy;
}
.sidebar-menu > ul > li > span {
	background: #6969b3;
	color: #fff;
}
.sidebar-menu > ul > li > .ul_block {
	display: block;
}
.sidebar-menu > ul > li > ul {
	/*2*/
	display: none;
	background: #f8f8f8;
	padding: 20px;
}
.sidebar-menu > ul > li > ul > .current-post-parent a {
	color: #8b8ce7;
}
.sidebar-menu > ul > li > ul > li {
	font-size: 14px;
	line-height: 19px;
	padding-bottom: 5px;
}
.sidebar-menu > ul > li > ul > li:last-child {
	padding-bottom: 0;
}
.sidebar-menu > ul > li > ul > li > a,
.sidebar-menu > ul > li > ul > li > span {
	color: #8c8c8c;
}
.sidebar-menu > ul > li > ul > li > a:hover,
.sidebar-menu > ul > li > ul > li > span:hover {
	color: #8b8ce7;
	text-decoration: none;
}
.sidebar-menu > ul > li > ul > li > span {
	color: #8b8ce7;
}
.sidebar-menu > ul > li > ul > li > span:hover {
	border-bottom: 0;
}
.section-posts {
	overflow: hidden;
}
.section-posts__item {
	position: relative;
	margin-bottom: 20px;
}
.section-posts__item-title {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 10px;
}
.section-posts__item-title a {
	color: #010101;
	font-weight: 500;
}
.section-posts__item-title a:hover {
	color: #6969b3;
	text-decoration: none;
	border-bottom: 1px solid rgba(105, 105, 179, 0.2);
}
.section-posts__item-title a:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 300px;
	height: 180px;
}
.section-posts__item-text {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin-bottom: 12px;
}
.post-info__time_popular.post-info__time, .post-info__time_single {
	color: #8a8a8a;
}
.post-info__time_popular.post-info__time:after, .post-info__time_single:after {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAS1BMVEUAAACKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKiopMWjrqAAAAGHRSTlMAhy14DzMCgsr0fB5uCe1mTDXd45t0V1KFHSciAAAAgUlEQVQY03WOiw7DIAhFURlQq9XaF///pbNmi222nhAgFy4BKpRGOBkT1dw6Na0abZO4SlWciLiqyBoh6RLl4FIKHxIXTeDUQseq+a8Q29mDmy3TR8Eh+AknHwb8uhBqtPS783iHNmsDnHTXxkO8/YNEeN3ZX51dGbLeyQDZXMnwBuRMCMdsolEgAAAAAElFTkSuQmCC) no-repeat;
}
/* Crumbs *
===================================================================================================*/
.breadcrumbs {
	overflow: hidden;
	padding: 0 0 10px 0;
}
.breadcrumbs li {
	display: inline-block;
	position: relative;
	margin-right: 14px;
	padding-bottom: 3px;
	font-size: 14px;
	line-height: 18px;
	color: #8a8a8a;
}
.breadcrumbs li:after {
	position: absolute;
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNpi7OrqusnAwBAHxCeBmIEJiDdDsQxMoBWIWYB4GxDzgwTeQwV1gXgVSIABqgIEGEECwkBcAcSXgTgUJFADxF+A2AuIP4IEXKGcJyA9AAEGAD0bDp/Kpr11AAAAAElFTkSuQmCC) no-repeat;
	width: 4px;
	height: 8px;
	top: 5px;
	right: -11px;
}
.breadcrumbs li:last-child:after {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeNpizMzcfJOBgSEOiE8CMQMTEG+GYhmYQCsQswDxNiDmBwm8hwrqAvEqkAADVAUIMIIEhIG4AogvA3EoSKAGiL8AsRcQfwQJuEI5T0B6AAIMAC+7DoY45gcXAAAAAElFTkSuQmCC) no-repeat;
}
.breadcrumbs li a {
	text-decoration: none;
	color: #8a8a8a;
}
.breadcrumbs li a:hover {
	border-bottom: 1px solid rgba(138, 138, 138, 0.2);
	text-decoration: none;
}
/* Category *
===================================================================================================*/
.cat-children {
	overflow: hidden;
	margin-bottom: 20px;
}
.cat-children__item {
	display: inline-block;
	font-size: 15px;
	line-height: 19px;
	margin: 0 10px 10px 0;
}
.cat-children__item a {
	display: block;
	padding: 8px 20px;
	border: 1px solid #dadada;
	color: #8a8a8a;
}
.cat-children__item a:hover {
	text-decoration: none;
	background: #6969b3;
	color: #fff;
}
.cat-posts {
	overflow: hidden;
}
.cat-posts .posts__item:nth-child(2n+3) {
	margin-right: 0;
}
.cat-posts .posts__item:nth-child(2n+4) {
	clear: both;
}
.cat-posts.cat-posts_ajax .posts__item:nth-child(odd) {
	clear: both;
	margin-right: 20px;
}
.cat-posts.cat-posts_ajax .posts__item:nth-child(even) {
	clear: none;
	margin-right: 0;
}
.posts__item_first .posts__item-title a:after {
	width: 660px;
	height: 300px;
}
.posts__item_second {
	float: left;
	width: 320px;
	margin-right: 20px;
}
.post-info__comment {
	font-size: 13px;
	line-height: 13px;
	color: #fff;
	display: inline-block;
	position: relative;
	margin-right: 15px;
	background: #9187c4;
	padding: 5px 8px;
	z-index: 101;
}
.post-info__comment:after {
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	z-index: 0;
	border-width: 8px 10px 0px 0;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0) #9187c4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* Single * 
===================================================================================================*/
.single {
	overflow: hidden;
}
.single table {
	margin: 20px 0;
}
.single th,
.single td {
	padding: 6px 10px;
	border: 1px solid #d0d8db;
}
.single #ya-site-results td {
	border: none;
}
.single .title-img {
	position: relative;
	overflow: hidden;
	max-width: 660px;
	margin: 0 auto 20px auto;
	box-sizing: border-box;
}
.single .title-img:before {
	position: absolute;
	content: '';
	left: 10%;
	top: 13%;
	width: 80%;
	height: 74%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.single .title-img:after {
	position: absolute;
	content: '';
	left: 5%;
	top: 5%;
	width: 90%;
	height: 90%;
	background: rgba(255, 255, 255, 0.4);
	z-index: 1;
}
.single .title-img img {
	vertical-align: bottom;
}
.single .title-img .single__title {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -265px;
	transform: translateY(-50%);
	text-align: center;
	font-size: 40px;
	line-height: 45px;
	font-weight: 500;
	color: #fff;
	box-sizing: border-box;
	width: 100%;
	max-width: 530px;
	z-index: 3;
}
.single h1,
.single h2,
.single h3,
.single h4,
.single h5,
.single h6 {
	margin: 20px 0 10px;
	font-weight: 500;
}
.single h1 span,
.single h2 span,
.single h3 span,
.single h4 span,
.single h5 span,
.single h6 span {
	font-weight: 500;
}
.single h1 {
	font-size: 28px;
	line-height: 33px;
	margin-top: 0 !important;
}
.single h2 {
	font-size: 24px;
	line-height: 29px;
}
.single h3 {
	font-size: 21px;
	line-height: 27px;
}
.single h4 {
	font-size: 20px;
	line-height: 25px;
}
.single h5 {
	font-size: 19px;
	line-height: 24px;
}
.single h6 {
	font-size: 18px;
	line-height: 23px;
}
.single blockquote {
	padding: 30px 30px 30px 78px;
	margin: 20px 0;
	background: #f8f8f8 url(images/bq_bg.png) 20px 20px no-repeat;
	min-height: 25px;
	font-size: 15px;
	line-height: 23px;
	color: #666666;
	font-weight: bold;
}
.single blockquote p:last-child {
	margin-bottom: 0;
}
.single ul {
	margin: 20px 0;

}
.single ul li {
	overflow: hidden;
	min-height: 22px;
	list-style: none;
	padding: 0 0 5px 30px;
	position: relative;
}
.single ul li:last-child {
	padding-bottom: 0;
}

.single ul li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 6px;
	width: 8px;
	height: 8px;
	background: #6969b3;
	
}

.single ul li ol,
.single ul li ul {
	margin-bottom: 0;
}
.single ul li ol li:last-child,
.single ul li ul li:last-child {
	padding-bottom: 0;
}
.single ol {
	padding: 5px 5px 5px;
	counter-reset: li;
	list-style: none;
}
.single ol li {
	overflow: hidden;
	background: none;
	position: relative;
	padding: 0 0 5px 35px;
}
.single ol li:last-child {
	padding-bottom: 5px;
}
.single ol li:before {
	content: counters(li, ".");
	counter-increment: li;
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: #6969b3;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.single ol li ol,
.single ol li ul {
	margin-bottom: 0;
}
.single ol li ol li:last-child,
.single ol li ul li:last-child {
	padding-bottom: 5px;
}
.single ol li ol li:before,
.single ol li ul li:before {
	font-size: 12px;
	line-height: 24px;
}
.single #toc_container {
	width: 100%;
	background: none;
	border: 0;
	margin: 5px 0 25px 0;
}
.single #toc_container .toc_title {
	background: #f8f8f8;
	border-left: 4px solid #6969b3;
	padding: 12px 15px;
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 25px;
	color: #6969b3;
}
.single #toc_container > ul {
	text-align: left;
	font-size: 16px;
	line-height: 20px;
}
.single #toc_container > ul > li {
	padding: 0 0 16px 0;
	background: none !important;
	position: relative;
}
.single #toc_container > ul > li:last-child {
	padding-bottom: 0;
}
.single #toc_container > ul > li:before {
	display: none;
}
.single #toc_container > ul > li a {
	color: #666666;
	border-bottom: 1px dashed rgba(102, 102, 102, 0.5);
}
.single #toc_container > ul > li a:hover {
	color: #6969b3;
	text-decoration: none;
	border-bottom: 1px dashed rgba(105, 105, 179, 0.2);
}
.single #toc_container > ul > li a .toc_number {
	font-size: 16px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
	margin-right: 3px;
}
.single #toc_container > ul > li a .toc_number:after {
	content: '.';
}
.single #toc_container > ul > li > ul {
	margin: 8px 0 0 17px;
}
.single #toc_container > ul > li > ul > li {
	position: relative;
	padding-bottom: 8px;
	padding-left: 15px;
	background: none !important;
}
.single #toc_container > ul > li > ul > li:last-child {
	padding-bottom: 0;
}
.single #toc_container > ul > li > ul > li:before {
	display: none;
}
.single img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.single iframe {
	max-width: 100%;
}
.single .wp-caption {
	text-align: center;
	margin-bottom: 20px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}
.single .wp-caption-text {
	text-align: center;
	padding: 8px 20px;
	color: #6969b3;
	font-style: italic;
}
.breadcrumbs.breadcrumbs_single {
	padding: 8px 20px;
	background: #f8f8f8;
	width: 100%;
	box-sizing: border-box;
}
.post-meta {
	margin: 15px 0;
	padding: 20px 0 25px 0;
	color: #666666;
	font-size: 14px;
	line-height: 16px;
}
.post-meta:after {
	content: '';
	display: table;
	clear: both;
}
.post-rating {
	float: left;
	margin-top: 5px;
}
.post-rating__title,
.post-share__title {
	margin-bottom: 4px;
}
.post-ratings img {
	vertical-align: middle;
	padding: 0 5px 0 0 !important;
}
.post-ratings .post-ratings-text {
	position: relative;
	top: 5px;
}
.post-share {
	float: right;
	text-align: center;
}
.yarpp-related {
	overflow: hidden;
	margin-bottom: 30px;
}
.related li {
	overflow: hidden;
	float: left;
	width: 150px;
	position: relative;
	margin-right: 20px;
	font-size: 13px;
	line-height: 18px;
}
.related li:last-child {
	margin-right: 0;
}
.related li a {
	color: #010101;
}
.related li a:hover {
	color: #6969b3;
	text-decoration: none;
	border-bottom: 1px solid rgba(105, 105, 179, 0.2);
}
.related li a:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.related__item-img {
	position: relative;
	margin-bottom: 7px;
}
.related__item-img:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 150px;
	height: 95px;
	background: rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.related__item-img img {
	vertical-align: bottom;
}
.related__item-img .related__item-cat {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 10px;
	line-height: 13px;
	z-index: 101;
	border-bottom: 0;
	max-width: 85%;
}
.related__item-img .related__item-cat > a {
	background: #8b8ce7;
	display: block;
	padding: 4px 10px;
	color: #fff;
}
.related__item-img .related__item-cat > a:hover {
	text-decoration: none;
	background: #6969b3;
	color: #fff;
	border-bottom: 0;
}
/* Comments *
===================================================================================================*/
.respond__title {
	font-size: 20px;
	line-height: 24px;
	color: #000;
	margin-bottom: 25px;
	padding-left: 45px;
	position: relative;
}
.respond__title:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 36px;
	height: 32px;
	background: url(images/comment-icon.png) no-repeat;
}
.respond {
	clear: both;
	margin-bottom: 30px;
	overflow: hidden;
}
.respond input,
.respond textarea {
	color: #333;
	box-sizing: border-box;
	background-color: #f8f8f8;
	font-size: 14px;
	line-height: normal;
	border: none;
}
.respond input::-webkit-input-placeholder {
	color: #8a8a8a;
}
.respond input::-moz-placeholder {
	color: #8a8a8a;
}
.respond input:-moz-placeholder {
	color: #8a8a8a;
}
.respond input:-ms-input-placeholder {
	color: #8a8a8a;
}
.respond textarea::-webkit-input-placeholder {
	color: #8a8a8a;
}
.respond textarea::-moz-placeholder {
	color: #8a8a8a;
}
.respond textarea:-moz-placeholder {
	color: #8a8a8a;
}
.respond textarea:-ms-input-placeholder {
	color: #8a8a8a;
}
.respond-form .respond-form__site {
	margin-right: 0;
}
.respond-form__field {
	width: 31.3%;
	padding: 11px;
	box-sizing: border-box;
	float: left;
	margin: 0 3% 15px 0;
}
.respond-form__textarea {
	width: 100%;
	padding: 11px;
	margin-bottom: 15px;
}
.respond-form .respond-form__button {
	display: inline-block;
	padding: 10px 40px;
	background: none;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: normal;
	transition: easy;
	background-color: #6969b3;
}
.respond-form .respond-form__button:hover {
	text-decoration: none;
	background: #8b8ce7;
	color: #fff;
}
.comment-title {
	font-size: 20px;
	line-height: 24px;
	color: #000;
	margin-bottom: 25px;
	padding-left: 45px;
	position: relative;
}
.comment-title:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 36px;
	height: 32px;
	background: url(images/comments-title-icon.png) no-repeat;
}
.commentlist .comment {
	font-size: 14px;
	margin-bottom: 15px;
	color: #000;
	padding: 25px 21px;
	border-bottom: 1px solid #6969b3;
}
.commentlist .comment .gravatar {
	float: left;
	margin-right: 24px;
}
.commentlist .comment .gravatar img {
	border-radius: 50%;
}
.commentlist .comment p {
	margin-bottom: 15px;
}
.commentlist .comment .cauthor {
	margin-bottom: 10px;
}
.commentlist .comment .fn,
.commentlist .comment .fn a {
	font-size: 16px;
	line-height: 19px;
	color: #000;
	font-weight: bold;
}
.commentlist .comment .comment_date {
	font-size: 14px;
	line-height: 18px;
	color: #666666;
}
.commentlist .comment .reply a {
	text-decoration: none;
	color: #6969b3;
	border: 1px solid #6969b3;
	display: inline-block;
	padding: 3px 17px;
	border-radius: 3px;
}
.commentlist .comment .reply a:hover {
	text-decoration: none;
	background: #6969b3;
	color: #fff;
}
.commentlist .children {
	margin-left: 20px;
}
.commentlist .comment_content {
	padding-left: 75px;
}
/* Footer *     	
===================================================================================================*/
.footer {
	background: #383838;
	margin: 0 -1000%;
	padding: 0 1000% 0 1000%;
}
.footer-logo {
	float: left;
	margin-bottom: 20px;
	padding-top: 25px;
}
.footer-nav {
	float: right;
	margin-top: 18px;
}
.footer-nav ul {
	overflow: hidden;
}
.footer-nav ul li {
	float: left;
	margin-right: 20px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
}
.footer-nav ul li:last-child {
	margin-right: 0;
}
.footer-nav ul li a {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.footer-nav ul li a:hover {
	color: #8b8ce7;
	border-bottom: 0;
}
.footer-nav ul li span {
	color: #8b8ce7;
}
.footer-bottom {
	clear: both;
	background: #6969b3;
	margin: 0 -1000%;
	padding: 10px 1000%;
	overflow: hidden;
}
.copy {
	font-size: 12px;
	line-height: 16px;
	color: #feffff;
	float: left;
	margin-top: 10px;
}
.social-icon {
	float: right;
}
.social-icon a {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin-right: 12px;
	border-radius: 50%;
}
.social-icon a:last-child {
	margin-right: 0;
}
.social-icon .ok {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAUVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////94vRsEAAAAG3RSTlOAAHUSeWQERSwGYE4WaE0vDHFtPQ4YVz8zIyKvKmSiAAABKklEQVQ4y4VTV5aDMAyUKzamOSSk3P+gKy+ohN330A94NAzSWALDkdMUrPc2TCkLygRXPHD44k6E2MEpuqgJboQ/MTohPCzDVr0+iOAI9M/FmGX1xHA7IY4EDPtvB0t/ib8Eru/d1NpXb660ERyderQi4ANNCIQ5JBQ6rCh2fPYkrBjI7M9sTH8ovdixDAn+UVgZTDCBrgElQm5KFBME4Pg0z1qrH8ECiHPig8bAg4RfxUkBuQSX6n4XdXa91pAuYyp9XxIaPEs6cDmL4VgElTZROR7Tk6pqM4GE3WZU33SRCbI+3u4of9MtZLoszn8zCl0359s83IXh9MDUlrd2UIzua+RemK+74TOPnB7aLQ71uJJNhlaPvefa9dhfL8716l0vr15/gNP6/wDrVwn7w8l3mwAAAABJRU5ErkJggg==) no-repeat;
}
.social-icon .ok:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMA6vqbIsgZDYpXKOcI9eDQvnswXfGuRAXZw2V7FWwyAAABLUlEQVQ4y4VT2RKDIAwM4AHYeqG1yv//Z0M1CUxn6j545NpkCSBonamV1qo2roVfVOYZGU9TQYmH1bGAto8ifYg/GLIic8dmJZ/dzPmKqKcGoJkWCq4u/oEMV8qsiOXsw1LNF/54j48XWeyXgPrfUYo6xhFFqGmWRGIofMJiV9pENoNJrM8BMKb3CHCwYi24+K9CdMKQMlssUbepEnNQPzTFXEyB4aDkR3n4wuc20FGwkJICLQF75Xo8ADyLPvidA4QioOjOjKNxKHBgCmkSu2c0Ys3G7MJ2ujfkkjFdFKgVecKaN+mS1II+TfGOCJEaTOkvIwwdN/srTxF83GAzv+9UiqAmbbFyR/KfggdauWJp181352puKy1tufaLvpgXWvv7i3N/9e4v7+31/wDMyD/osgLC4wAAAABJRU5ErkJggg==) no-repeat;
}
.social-icon .yt {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAV1BMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////94gqYqAAAAHXRSTlOAAHsSU2kHRHZjTSw1BA9LczwwGD9wC1ciH18nHEUHKc0AAAFWSURBVDjLhZOJsoMgDEXZN2URqNrl/7/zoaxt39Sr40hylCQkADaxyUqBkJB2Yt3aAKwQaEIKfwCaZ3dHuB4BTMGXKO5AcOAfuVABLI71IwJF3giBM6Bp/qVGuAPFdAK8LIPViCzuxl2sBD8AXOOP605Xv0tDWcsFJ0DVlYSW3KUZAaAgYL0AkH4BiIEJ/AKSW43AEQNlfgAUkH2xOJCyQPERu00CUd42/7wHfCrcn36rxQKo+OGHCoEqMHEhztIqn4FnAeoWLxNd0MlB5gyEskUN0sDplr5WnjzcHm4UmxJkTXM9ADKnayHRcs7XkmYtFGvAzDmR0rISWy21eQPsjk0tNVQjsCXARhu5zYBqx/06AOvoTCSadiH2Vz7u1jAeapZuppleIWQM+twwreVoMo9aT6MemlZsli/LMs/pwe12mvB1218PzvXoXQ/vOP4qj78ax/8P/yAQjQ1H28gAAAAASUVORK5CYII=) no-repeat;
}
.social-icon .yt:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMAIeqlDpj50Wl4yYcvnWFX9eLDCKyKRAvYf1oG7zwYkCa9sU82JkgYjgAAAWdJREFUOMuNk4l2gyAQRYdlVEAwi2s1apPw/79YUTBqepo+PR7RCzPzGOClKkNJo4hKzCp4F9Enu+qkCex1VZHdKVLX3fTYvineLJJS+4tous6f/383VrM9QXz8Zf267cb8EGXJQ/lhiu2JifNZ0SYQxRwg5C/6MuamvJCYr7W4IDqMJGB+u5AtYDUAf/kDMTsCJw6Z3QBvK9gMcAu4HCQ3GwBBvgaC2qmKqJkcWSUhmJibxy0ls9Lbw9yDWeCLvMNBuS80AFnRdZ0zH80CPDwQQjyJoKlzliV+A32IkCSBrzOgQcO+aZnW9Uh8kqHM3gEsmS6hm0ENqvdlBqP4CiRKsYtE7nMLVpMdMJRjH6wGvQXuE4ANigKXHPS63U8HDLROmIyyknblc91uKNyrgZZPd9VWbQ/AORjfMKHlag478dq1XLVpWpqjEkIkyfRQmM+fyKe2//fBcXkUx6NXXP8+vCN4fTz+P2Y0TmfFYKQHAAAAAElFTkSuQmCC) no-repeat;
}
.social-icon .fb {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////+Y34OdAAAAF3RSTlOAAER8BRF0TGdkUyp6TSFZFhJ2O20wGW/YmjgAAADeSURBVDjLhZPbEoIwDES3lzStpQVB/f9PFXSAFZXuW5MzndwWZpPPmoJzIWn2e3QDpHTY1BU5AN46fMhZz4BEfCnKDgwBPxSGFbhynonrG/ARfxT9C7Ac6++11rS+7AII1z+ZRf3Wi8xA4T/NJwA18B0BZc4+rL3tE/PIINkZKGBl6BG4gKVI+yPVpfGh1kgxjNTiuiACRrgfQKClMXCb6pzN0wQGxvMiR6RzIKG02sznQKZRE8CjNuUMUF43A7xuY/8D9nhyKiI9n1zraFtn3zZO23psXmXzKpm3Yf8nyBsG4g+VK/8AAAAASUVORK5CYII=) no-repeat;
}
.social-icon .fb:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAMAAACrZuH4AAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAhyKY6fkJx8+l9FZDLbTYd7Ggb19NZx/4TgAAANhJREFUOMuNlFkWwyAIRUEc0mimDux/qT0ZkZrEvq/IueEpgiDykYJ1zgaKHk5kqOVDLRn4kUfHSg69TtBwoSZP01k+ke0kgwAa2bN4ZaGMtr1gHpzeKaWwr3D1cCx6LaH+ONHiQywaQBNM8y5aZhXoEAcpnQeI66f4PjlXXE0U8WDWWYOsQjKzS0p5DMDKqodNWYEsgCsI9ZdTxDAmAPiMIyvCXuxUXMI9Ef45bbwnolRdEarqQHcEye1rQt8+4DWBRReSMWYqurDWyfVpqE9UfSrrk11/Hb5DVjjyfism0AAAAABJRU5ErkJggg==) no-repeat;
}
.social-icon .gp {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAUVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////94vRsEAAAAG3RSTlOAAHwRBHRMFipjBndGZ0IJJGpRPC9bNzMdD1YH9P9UAAABIUlEQVQ4y4WT2ZKEIAxFExI2pcG1bfv/P3TEQRBnqri+RDhFdsCszigrhZBWmQ6zMkBKQJZQ9ADYpeuMOL4D9II/elEBtIR/JPUFULmvCfoFuLz/9MIn4Etk/aF7tD4ClE7kFjDK3XOhA1Dpfmf/RuRv5UQhdOkBg+/4j1Ndjg5MMhld/I8YTMWNAZWsgBHVZ8iDLj7AJmtDtCC5G2vAQp+s/oNsiFeY5pnCPLt0DCLHMy1njgOe0un0+LIk4j5C7UJAnx8YYumDrYEebA5Bu9UzUsztFuSV5oKf6Gzs8HW8Vvyqq1CcejaghbvMVeqAOhoyBFGX+mrWl3Gf/RZ4rZtV2j0uhBiWse4VPQYGHvLNkWsNbXPs24vTXr328jbX/wfnfAmgkjPiOgAAAABJRU5ErkJggg==) no-repeat;
}
.social-icon .gp:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMA9+kiCwaYx4fPLRVW74+Wd15KtKBSHtNuOSngp4FoQy+3ZhcAAAEgSURBVDjLhVNXsoQgEGySoLiGNa6buP8pn1jzFHSr6A+qSdMTcUCWteaMcV2XEleIjLkdLBOIoQxzEZhR0ffcXZAHRgrufoAX+3+6v7wQpB/aj1UUPMzh2W1F6K3ZBOiEfyw8qjAWL5LR/SjNrKC6SCQDJBkoMTtXA32cDomSqES17eeV94fMgIyYxbCuC97rei8CDU3sA6UdV/IZP9DgxG4PyEHIzvVNI2zTkAoH2/15tVuMX2xY6BRBXp7AOLlYgu0SrL+PAKyOH3Do3YWl6oyE8LGFTlKYLR5ebJLIV2ssCJMSpahmX2gXovxPtUXhCbeWnVJNGi+FsXm3Vp6KdZQ7bwVg2ymulTg1jDvBJFsu1bTJtk8PTnr00sObHP8/DbxQXD+JvOgAAAAASUVORK5CYII=) no-repeat;
}
.social-icon .tw {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////+h8NhCAAAAGnRSTlOAAHtMdBBnA2VFKwoGd14SQXBqNxZiJBtRMtx8NgQAAAEESURBVDjLhZPhuoMgCIZJcpppudpqu/8bPW0geNb2+P0qfBEQgE4UA/remN5jiGoVwKIBkUH7AbiBjhUZXA3YC5x0sQrcevii/laAmc7PxEyAk/tPUdwbyPBT+QVY82G9TlepxR4A0vfEtrQdgZ/3leJiB9GQm3sQEKj8lRxMhMD5HLb0yrwjjQvzgBxtPIx5Ac9AqQzBM4DkODPQM3CHRB+LHbtKDlgJSpHsytqlUAH8vxsGBRKw0Op5TBrCA2s4XUBJIgghQTYQIQT9mZjYjNpCeWr/yDv7r/VwxtIsg7t7v9RzgUpYtzv5SRut7aaUfyg3R641tM2xby9Oe/Xay9tc/z/+/AgjLqCuJgAAAABJRU5ErkJggg==) no-repeat;
}
.social-icon .tw:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAD4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+PhEUATHAAAAIHRSTlMA+enOIpj0iAsHx1YsupYVEALw4sCNb2VNNRzc06J9RDQUmLcAAAEOSURBVDjLhZPrGoIgDIY5uDTIY1ZqJ+7/KsM2Jmo9vL94xuAbH5tYKGxllJTKVLYQezI4OOYA2Wb7mEu3QubH1XHtdujokpNyP1AnPo/7+4yM9LX7g8Y6cveX/CsgN9F7eea3zCKA65Ji3eBjt/6KuuD9Q3/O7RMTBjHTXnt0rBCW6vHHujlRINMD4zYoyEaI+qV9IuIVSMNQAnzjTTAnWGPCSk/N6m/YLBEeSUeJkR/KCbqOEy5LAv9DNUW9oxYJw7auL+AigdcXLnNwDKBRSEllvKPms8Fq/XyNglymuslq0pDV2ApPfXu4CIi/u9Nlf9+0bpZqmHTLpZs23fbpwUmPXnp4efwBxx/i8f8AcL5Kdn3VJ/UAAAAASUVORK5CYII=) no-repeat;
}
.social-icon .in {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////92tjP2AAAAFnRSTlOAABF3enEJKnRDTAUkZGctaBZeXBwsxiGKvAAAAP5JREFUOMuF09mygyAMBuAkQtg93c77v2ptooRqZ/ivJPnEkQWwp4TconOx5f9i1Q4oO+hxmU6gJG0bSWUEdINLbmTgHuFH4v0ApP2rIAVl1fEyRCtrEZBkkBiH8F78AHL6eIoIRxvIYsf3aRsjSzkjFJkg4hlglCkKBJF+BCzASyNA/gZEH8F8gAxtBLSNGumzggbLDqr3LxS94sv7qmBrux38ATCBhBjgAG4OFgMVV/1ENbBAM/BA2sRK+DDQIBuApL+ZwECGMAB4Vub6hAGEvtQCLfVY6r5ZHMd+5GOzbLs5DGHb7smBmR25+aGdH/v5xZlfvfnlvV7/UKz6Bnp2CTZo0oapAAAAAElFTkSuQmCC) no-repeat;
}
.social-icon .in:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAIfnu4ehVDZjOE8iISvSCB1q6USxDOJ6RjycAAAEGSURBVDjLhZPbssMgCEXR4xVN0pM05f//tC1eiG1n3E8qi9kqACLvQrJa2xSch2+psFLXGhSMumVNg3S+DemRvhSVxO+Wfsjee77ER0JV/1hc/y7SxaXcI/NmG57mNz7MbKA5Dh9iQr9NAq+u+YqIwHNeAPAr3wc+AbD8Yx4cm5nhAgwYDjgII6DerojYgADpCqjXLvHrG5DAVuAw5lHoCA9jzgpY0BX4J0JFLIVESwX0HLACnBCLxSmAhSTADipymXcBEgQBaCvP3EiAAO4C0L4gLq98AVz/6oMGLe2re7HQDr2CrVhSbjxc14Gt3NIweWyYejhtuVnTTtt+Pjjz0ZsP73T8n31+MD1Hf0BLAAAAAElFTkSuQmCC) no-repeat;
}
.social-icon .vk {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAS1BMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////+bUGJYAAAAGXRSTlOAAHwRdXpVTAtoTisHBGREbBgPJF5AFTsyf2luswAAAQ5JREFUOMuFk+EWgiAMhTcQAUGtLOv9n7TbdkSsPHz96OT9GjIGcSEnP3XGdJNPeX9aBDs4KrjBfgnjbOiAmcdasJF+iHYXrh39obtugkX+17AqjJFOiKMIM50yfwRrzgVjIQzVoj241MbAlNGfSwA9fubPluT1AoDqMiWtxLLUE983PHgwCPgrYq+VAEp4FVxgIImniaoSgwhaYCGAuCMRGTy1gmyfgwSIje5nlaKLLHVjcCcN8BHufCTRJmzn8KrS/XwQT6S49WisYiD2pKBbrLwW3mfAU6JiWBWcSVz2maTV2yqPoH0wWkNaXR8Wktj3UTbVA4MWN4+7NTDNkWsNbXPs2xenffXal7d5/d+xEAkA2eI8yQAAAABJRU5ErkJggg==) no-repeat;
}
.social-icon .vk:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAI/r169GrmVbomx4MCMiJFdgxEaNIK72RgGN2dULX/1gtAAABHElEQVQ4y4WT65KDIAyFKUEFtUrrpZfdPe//mEsI2jKtw/cDRudwSEiiXvS2GRyRGxrbq09OLWGH2pPKOY8aGXo8Z8crfFC9mVwdvuCu+3mDr5jkca5wQCVxjDhkjBdoHKL5khY7rg5c8EYb3o+Ai58mXwNzzynF8KZp6oKUemU3p04DP7wDeKiAJwBWNeIUmIFGBOT5+w7wnyEG03G0hJkFyeAPzKAMRBj4xZ0Fkr53YIwiyWeNpguvdcfrLSWaBLipHItNYCA8VSKvj1EDBFpzxepSkA0SF6+E5yIKI9Fb7IpUXdI27gsClp96gx5e3kGLR3zqrFjQVT1XMak6oIG2XO5yw5Rbrty05bYvD0559MrDu42/0drk4/8Pd6NDTdyo0HwAAAAASUVORK5CYII=) no-repeat;
}
#up {
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #9187c4;
	border-top: 0;
	position: fixed;
	margin-left: 1060px;
	top: 78%;
	cursor: pointer;
	z-index: 100;
	text-indent: -9999px;
}
#up:hover {
	border-bottom-color: #6969b3;
}
#up:hover:before {
	border: 1px solid #6969b3;
}
#up:before {
	position: absolute;
	content: '';
	left: -21px;
	top: -16px;
	width: 40px;
	height: 40px;
	border: 1px solid #8b8ce7;
}
.menu-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 99;
	text-indent: -9999px;
}
.js-nav .menu-overlay {
	display: block;
	background: rgba(255, 255, 255, 0.5);
}
/* Media queries  *     	
===================================================================================================*/
@media screen and (min-width: 1023px) {
	.main-menu__list > li:hover > ul {
		display: block;
	}
	.main-menu__list > li:hover > .menu-arrow {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH1JREFUeNpi+P//PwMalgbiE0B8DIgl0OXRFesA8SMg/gHEP4H4HhCr49LgCMTvgfgdENsBsSsQfwLit0Bsha4hAmrqQyDWRjJEH4ifAvE3IA6CaSgB4n9AfAGIpbD4SR6IrwLxHyDOBgk8AOItQMyHRTEMCwLxASC+CBBgAETi7lvzd1KYAAAAAElFTkSuQmCC) center no-repeat;
	}
}
@media screen and (max-width: 1023px) {
	.wrapper {
		width: 96%;
	}
	.header {
		margin: 0;
		padding: 12px 0 0 0;
	}
	.main-box{
		position: relative;
	}
	.main-box {
		border-top: 50px solid #6969B3;
		margin: 0 -1000%;
		padding: 15px 1000% 0 1000%;
		position: relative;
	}
	.content {
		width: 100%;
		box-sizing: border-box;
		float: none;
	}
	.js-nav .m-nav {
		left: 0;
	}
	.js-nav .content {
		min-height: 2000px;
	}
	.m-nav {
		margin-top: 0;
		height: 100%;
		width: 50%;
		padding: 72px 0 0 0;
		box-sizing: border-box;
		position: absolute;
		left: -53%;
		top: 0;
		z-index: 2000;
		background: #6969b3;
		box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.5);
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	.m-nav:after {
		content: '';
		display: block;
		clear: both;
		visibility: hidden;
	}
	.main-box .slide-out-open {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWBAMAAABTd4N3AAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMA37+fNqsoNQAAACdJREFUGNNjMEYDDC5oAFNAEA0w0AQooQHCDsPUQguA4X3CDsMIZADzyyZBHRY0eAAAAABJRU5ErkJggg==) no-repeat;
		width: 32px;
		height: 22px;
		display: block;
		position: relative;
		top: -50px;
		cursor: pointer;
		text-indent: -9999px;
	}
	.m-nav .slide-out-close {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAN9cYv7dAqrSvLTLDKQzLPPMoUEgPmrkHAAAAj0lEQVQoz22QURKDIAxEF9GKYgva5v5XLUo7Oyzm870ks7PAMXrIvOYD+Gw2uZavi6U3RjMbfLO/FTTCTWb1hvuFP6BmnX9czJOcRjmNcsAPV7YrDyPSCOc3/hGjnDltife8NzVPzdZz72mkn3gWGGLHiwmncdKzGPLGKAdcqI1O970l5J2cZs9ATn9OkzK+e7wOK1qEjEYAAAAASUVORK5CYII=) no-repeat;
		width: 24px;
		height: 24px;
		position: absolute;
		right: 23px;
		top: 15px;
		padding: 0;
		cursor: pointer;
		text-indent: -9999px;
		display: block;
	}
	.m-nav .slide-out-close.rotate {
		-moz-transform: rotate(2160deg);
		-ms-transform: rotate(2160deg);
		-webkit-transform: rotate(2160deg);
		-o-transform: rotate(2160deg);
		transform: rotate(2160deg);
		-webkit-transition: -webkit-transform 900ms ease, opacity 500ms ease;
		-moz-transition: -moz-transform 900ms ease, opacity 500ms ease;
		-o-transition: -o-transform 900ms ease, opacity 500ms ease;
		transition: transform 900ms ease, opacity 500ms ease;
	}
	.m-nav .search-form {
		display: block;
		width: 90%;
		float: none;
		margin: 0 auto 25px auto;
	}
	.m-nav .social-icon {
		display: block;
		width: 303px;
		margin: 0 auto 25px auto;
		float: none;
		overflow: hidden;
		text-align: center;
	}
	.m-nav .social-icon a {
		display: inline-block;
		margin-right: 7px;
		float: none;
	}
	.m-nav .social-icon a:last-child {
		margin-right: 0;
	}
	.m-nav .social-icon .vk {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9RKvvlAAAAHnRSTlMAI/r169GrmVbomx4MCMiJFdgxEaNIK72RgGN2dULX/1gtAAABHElEQVQ4y4WT65KDIAyFKUEFtUrrpZfdPe//mEsI2jKtw/cDRudwSEiiXvS2GRyRGxrbq09OLWGH2pPKOY8aGXo8Z8crfFC9mVwdvuCu+3mDr5jkca5wQCVxjDhkjBdoHKL5khY7rg5c8EYb3o+Ai58mXwNzzynF8KZp6oKUemU3p04DP7wDeKiAJwBWNeIUmIFGBOT5+w7wnyEG03G0hJkFyeAPzKAMRBj4xZ0Fkr53YIwiyWeNpguvdcfrLSWaBLipHItNYCA8VSKvj1EDBFpzxepSkA0SF6+E5yIKI9Fb7IpUXdI27gsClp96gx5e3kGLR3zqrFjQVT1XMak6oIG2XO5yw5Rbrty05bYvD0559MrDu42/0drk4/8Pd6NDTdyo0HwAAAAASUVORK5CYII=) no-repeat;
	}
	.m-nav .social-icon .ok {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMA6vqbIsgZDYpXKOcI9eDQvnswXfGuRAXZw2V7FWwyAAABLUlEQVQ4y4VT2RKDIAwM4AHYeqG1yv//Z0M1CUxn6j545NpkCSBonamV1qo2roVfVOYZGU9TQYmH1bGAto8ifYg/GLIic8dmJZ/dzPmKqKcGoJkWCq4u/oEMV8qsiOXsw1LNF/54j48XWeyXgPrfUYo6xhFFqGmWRGIofMJiV9pENoNJrM8BMKb3CHCwYi24+K9CdMKQMlssUbepEnNQPzTFXEyB4aDkR3n4wuc20FGwkJICLQF75Xo8ADyLPvidA4QioOjOjKNxKHBgCmkSu2c0Ys3G7MJ2ujfkkjFdFKgVecKaN+mS1II+TfGOCJEaTOkvIwwdN/srTxF83GAzv+9UiqAmbbFyR/KfggdauWJp181352puKy1tufaLvpgXWvv7i3N/9e4v7+31/wDMyD/osgLC4wAAAABJRU5ErkJggg==) no-repeat;
	}
	.m-nav .social-icon .fb {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAMAAACrZuH4AAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAhyKY6fkJx8+l9FZDLbTYd7Ggb19NZx/4TgAAANhJREFUOMuNlFkWwyAIRUEc0mimDux/qT0ZkZrEvq/IueEpgiDykYJ1zgaKHk5kqOVDLRn4kUfHSg69TtBwoSZP01k+ke0kgwAa2bN4ZaGMtr1gHpzeKaWwr3D1cCx6LaH+ONHiQywaQBNM8y5aZhXoEAcpnQeI66f4PjlXXE0U8WDWWYOsQjKzS0p5DMDKqodNWYEsgCsI9ZdTxDAmAPiMIyvCXuxUXMI9Ef45bbwnolRdEarqQHcEye1rQt8+4DWBRReSMWYqurDWyfVpqE9UfSrrk11/Hb5DVjjyfism0AAAAABJRU5ErkJggg==) no-repeat;
	}
	.m-nav .social-icon .tw {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAD4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+PhEUATHAAAAIHRSTlMA+enOIpj0iAsHx1YsupYVEALw4sCNb2VNNRzc06J9RDQUmLcAAAEOSURBVDjLhZPrGoIgDIY5uDTIY1ZqJ+7/KsM2Jmo9vL94xuAbH5tYKGxllJTKVLYQezI4OOYA2Wb7mEu3QubH1XHtdujokpNyP1AnPo/7+4yM9LX7g8Y6cveX/CsgN9F7eea3zCKA65Ji3eBjt/6KuuD9Q3/O7RMTBjHTXnt0rBCW6vHHujlRINMD4zYoyEaI+qV9IuIVSMNQAnzjTTAnWGPCSk/N6m/YLBEeSUeJkR/KCbqOEy5LAv9DNUW9oxYJw7auL+AigdcXLnNwDKBRSEllvKPms8Fq/XyNglymuslq0pDV2ApPfXu4CIi/u9Nlf9+0bpZqmHTLpZs23fbpwUmPXnp4efwBxx/i8f8AcL5Kdn3VJ/UAAAAASUVORK5CYII=) no-repeat;
	}
	.m-nav .social-icon .gp {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAY1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+aRQ2gAAAAIHRSTlMA9+kiCwaYx4fPLRVW74+Wd15KtKBSHtNuOSngp4FoQy+3ZhcAAAEgSURBVDjLhVNXsoQgEGySoLiGNa6buP8pn1jzFHSr6A+qSdMTcUCWteaMcV2XEleIjLkdLBOIoQxzEZhR0ffcXZAHRgrufoAX+3+6v7wQpB/aj1UUPMzh2W1F6K3ZBOiEfyw8qjAWL5LR/SjNrKC6SCQDJBkoMTtXA32cDomSqES17eeV94fMgIyYxbCuC97rei8CDU3sA6UdV/IZP9DgxG4PyEHIzvVNI2zTkAoH2/15tVuMX2xY6BRBXp7AOLlYgu0SrL+PAKyOH3Do3YWl6oyE8LGFTlKYLR5ebJLIV2ssCJMSpahmX2gXovxPtUXhCbeWnVJNGi+FsXm3Vp6KdZQ7bwVg2ymulTg1jDvBJFsu1bTJtk8PTnr00sObHP8/DbxQXD+JvOgAAAAASUVORK5CYII=) no-repeat;
	}
	.m-nav .social-icon .yt {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAclBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9eWEHEAAAAJXRSTlMAIeqlDpj50Wl4yYcvnWFX9eLDCKyKRAvYf1oG7zwYkCa9sU82JkgYjgAAAWdJREFUOMuNk4l2gyAQRYdlVEAwi2s1apPw/79YUTBqepo+PR7RCzPzGOClKkNJo4hKzCp4F9Enu+qkCex1VZHdKVLX3fTYvineLJJS+4tous6f/383VrM9QXz8Zf267cb8EGXJQ/lhiu2JifNZ0SYQxRwg5C/6MuamvJCYr7W4IDqMJGB+u5AtYDUAf/kDMTsCJw6Z3QBvK9gMcAu4HCQ3GwBBvgaC2qmKqJkcWSUhmJibxy0ls9Lbw9yDWeCLvMNBuS80AFnRdZ0zH80CPDwQQjyJoKlzliV+A32IkCSBrzOgQcO+aZnW9Uh8kqHM3gEsmS6hm0ENqvdlBqP4CiRKsYtE7nMLVpMdMJRjH6wGvQXuE4ANigKXHPS63U8HDLROmIyyknblc91uKNyrgZZPd9VWbQ/AORjfMKHlag478dq1XLVpWpqjEkIkyfRQmM+fyKe2//fBcXkUx6NXXP8+vCN4fTz+P2Y0TmfFYKQHAAAAAElFTkSuQmCC) no-repeat;
	}
	.m-nav .social-icon .in {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAIfnu4ehVDZjOE8iISvSCB1q6USxDOJ6RjycAAAEGSURBVDjLhZPbssMgCEXR4xVN0pM05f//tC1eiG1n3E8qi9kqACLvQrJa2xSch2+psFLXGhSMumVNg3S+DemRvhSVxO+Wfsjee77ER0JV/1hc/y7SxaXcI/NmG57mNz7MbKA5Dh9iQr9NAq+u+YqIwHNeAPAr3wc+AbD8Yx4cm5nhAgwYDjgII6DerojYgADpCqjXLvHrG5DAVuAw5lHoCA9jzgpY0BX4J0JFLIVESwX0HLACnBCLxSmAhSTADipymXcBEgQBaCvP3EiAAO4C0L4gLq98AVz/6oMGLe2re7HQDr2CrVhSbjxc14Gt3NIweWyYejhtuVnTTtt+Pjjz0ZsP73T8n31+MD1Hf0BLAAAAAElFTkSuQmCC) no-repeat;
	}
	.main-menu__list, .add-menu, .sidebar-menu {
		display: none;
	}
	.main-menu__list.main-menu__list_m{
		display: block;
	}
	.main-menu {
		margin: 0;
		padding: 0;
	}
	.main-menu__list > .current-post-parent > a {
		background: #5a5aa1;
	}
	.main-menu__list li {
		float: none;
		border-bottom: 1px solid #5a5aa1;
		font-size: 15px;
		line-height: 19px;
		padding: 0;
	}
	.main-menu__list li > .menu-arrow {
		z-index: 101;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAMAAABsSeXqAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMApQb25dbPxDML+e/esJd6VCsjHBYQuZyJbmBJPlepnbsAAABnSURBVAjXXcpHDoMwAAXRb4MbvabP/a+ZIFnI4S1HI4NJKu09g2rwaxEXB05zB3U846cFt0hbgGrK8dXAbdePNcCowwMYbD5GwFilHpqnTlMFIXpo3yrEmkM368/qgbDpIpnqbpV9ASfjBuBPz6DkAAAAAElFTkSuQmCC) center no-repeat;
		width: 21px;
		height: 21px;
		right: 15px;
		top: 8px;
		cursor: pointer;
	}
	.main-menu__list li > .menu-arrow.active {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAKCAMAAABsSeXqAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMA9QjLGuPgxqagnDIselVPFwfm5cORgXU2CzW2nyUAAABfSURBVAjXXY5ZEoAgDENb3FhF3M39D6oMouj7y+tkUsoIzfKgH3UFoKq/0jSITHspPQOdnQHuX+kASEFBAVjzTgyOIls6XwxdUfScNm0LNOaWT2yLh3J1pIWVoJKgWZ9vKgXk3InNaAAAAABJRU5ErkJggg==) center no-repeat;
	}
	.main-menu__list li > a,
	.main-menu__list li > span {
		text-transform: uppercase;
		display: block;
		padding: 10px 53px 10px 5%;
		border-bottom: 0;
	}
	.main-menu__list li > a:hover,
	.main-menu__list li > span:hover {
		border-bottom: 0;
		background: #5a5aa1;
	}
	.main-menu__list li > span {
		background: #5a5aa1;
	}
	.main-menu__list li > .ul_block {
		display: block;
	}
	.main-menu__list li > ul {
		/*2*/
		position: static;
		padding: 0 0 0 18px;
		margin: 0;
		width: 100%;
		background: #5a5aa1;
		box-sizing: border-box;
	}
	.main-menu__list li > ul > .current-post-parent a {
		font-weight: bold;
		background: none;
	}
	.main-menu__list li > ul > li {
		border-bottom: 0;
	}
	.main-menu__list li > ul > li > a,
	.main-menu__list li > ul > li > span {
		text-transform: none;
		background: none;
		border-bottom: 0;
		padding: 5px;
	}
	.main-menu__list li > ul > li > a:hover,
	.main-menu__list li > ul > li > span:hover {
		background: none;
	}
	.main-menu__list li > ul > li > span {
		font-weight: bold;
	}
	.add-menu__toggle {
		display: none;
	}
	.add-menu {
		position: static;
		width: 100%;
	}
	.add-menu > ul {
		display: block;
	}
	.add-menu > ul > .current-post-parent a {
		background: #5a5aa1;
		font-weight: bold;
	}
	.add-menu > ul > li {
		border-bottom: 1px solid #5a5aa1;
		font-size: 15px;
		line-height: 19px;
	}
	.add-menu > ul > li > a,
	.add-menu > ul > li > span {
		text-transform: uppercase;
		display: block;
		padding: 10px 53px 10px 5%;
		border-bottom: 0;
		background: none;
	}
	.add-menu > ul > li > a:hover,
	.add-menu > ul > li > span:hover {
		border-bottom: 0;
		background: #5a5aa1;
	}
	.add-menu > ul > li > span {
		background: #5a5aa1;
		font-weight: bold;
	}
	.sidebar-menu .title {
		display: none;
	}
	.sidebar-menu > ul > li {
		border-bottom: 1px solid #5a5aa1;
		font-size: 15px;
		line-height: 19px;
	}
	.sidebar-menu > ul > li > .menu-arrow {
		right: 14px;
		top: 10px;
	}
	.sidebar-menu > ul > li > a,
	.sidebar-menu > ul > li > span {
		text-transform: uppercase;
		display: block;
		padding: 10px 53px 10px 5%;
		border-bottom: 0;
		background: #8b8ce7;
		color: #fff;
	}
	.sidebar-menu > ul > li > a:hover,
	.sidebar-menu > ul > li > span:hover {
		border-bottom: 0;
	}
	.sidebar-menu > ul > li > span {
		background: #5a5aa1;
		font-weight: bold;
	}
	.sidebar-menu > ul > li > ul {
		padding: 10px 10px 10px 20px;
	}
	.sidebar-menu > ul > li > ul > .current-post-parent a {
		font-weight: bold;
	}
	.sidebar-menu > ul > li > ul > li > a,
	.sidebar-menu > ul > li > ul > li span {
		color: #fff !important;
	}
	.sidebar-menu > ul > li > ul > li > span {
		font-weight: bold;
	}
	.sidebar {
		display: none;
	}
	.slider {
		width: 500px;
		margin: 0 auto 20px auto;
	}
	.slider li .slider__item:nth-child(2) {
		clear: both;
	}
	.slider li .slider__item:nth-child(3) {
		clear: both;
	}
	.posts {
		width: 100%;
		margin: 0 auto;
		max-width: 660px;
	}
	.slider-posts-wrap .bx-wrapper {
		margin: 0 auto;
	}
	.related {
		width: 100%;
		margin: 0 auto;
		max-width: 660px;
	}
	.related__item {
		margin-right: 9px;
	}
	.footer .social-icon {
		display: none;
	}
	.copy {
		float: none;
		text-align: center;
	}
}
@media screen and (max-width: 760px) {
	.m-nav {
		width: 80%;
		left: -83%;
	}
	.slider {
		width: 100%;
		max-width: 500px;
	}
	.slider__img {
		width: 100%;
		height: auto;
	}
	.slider li .slider__item:nth-child(3),
	.slider li .slider__item:nth-child(4) {
		width: 50%;
	}
	.posts .posts__item {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.posts__item-img {
		width: 320px;
		margin: 0 auto 8px auto;
	}
	.posts__item-title a:after {
		left: 50%;
		margin-left: -160px;
	}
	.slider-posts-wrap .bx-wrapper {
		width: 425px !important;
	}
	.slider-posts li {
		width: 210px !important;
	}
	.posts__item_first .posts__item-img {
		width: 100%;
		max-width: 660px;
	}
	.posts__item_first .posts__item-img img {
		max-width: 100%;
		height: auto;
	}
	.posts__item_first .posts__item-title a:after {
		left: 0;
		margin-left: 0;
	}
	.single .title-img .single__title {
		font-size: 25px;
		line-height: 30px;
		width: 100%;
		max-width: 70%;
		margin-left: 0;
		left: 15%;
	}
	.post-meta {
		text-align: center;
	}
	.post-rating {
		float: none;
		margin: 0 0 10px;
	}
	.post-share {
		float: none;
	}
	.related {
		max-width: 322px;
	}
	.related li {
		margin-bottom: 15px;
	}
	.related li:nth-child(odd) {
		clear: both;
		margin-right: 20px;
	}
	.related li:nth-child(even) {
		clear: none;
		margin-right: 0;
	}
	#respond .respond-form__field {
		width: 100%;
		float: none;
	}
	.footer {
		text-align: center;
	}
	.footer-logo {
		float: none;
	}
	.footer-nav {
		float: none;
		margin-top: 0;
	}
	.footer-nav ul{
		display: inline-block;
	}
}
@media screen and (max-width: 480px) {
	.wrapper {
		width: 94%;
	}
	.m-nav {
		width: 100%;
		left: -103%;
	}
	.slider {
		display: none;
	}
	.logo {
		max-width: 100%;
		height: auto;
	}
	.posts__item-img {
		width: 100%;
		max-width: 320px;
	}
	.posts__item-img img {
		max-width: 100%;
		height: auto;
	}
	.slider-posts-box {
		position: relative;
		margin-bottom: 15px;
		background: #f0edfc;
		padding: 10px;
	}
	.slider-posts-box .bx-wrapper {
		position: static;
	}
	.slider-posts-wrap {
		width: 206px;
		padding: 0;
		overflow: hidden;
		margin: 0 auto;
		background: none;
		position: static;
	}
	.slider-posts-wrap .bx-pager {
		display: none;
	}
	.slider-posts-wrap .bx-prev {
		left: 0;
	}
	.slider-posts-wrap .bx-next {
		right: 0;
	}
	.posts__item_first .posts__item-title a:after {
		width: 445px;
		height: 201px;
	}
	.single .title-img .single__title {
		font-size: 18px;
		line-height: 22px;
	}
	.single blockquote {
		background: #f8f8f8;
		padding: 15px;
	}
	.related {
		max-width: 150px;
	}
	.related li {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	#respond {
		padding: 12px;
	}
	.footer-logo {
		max-width: 100%;
		height: auto;
	}
}

#toc_container ul li{
	padding: 0 0 20px 0;
}
#toc_container ul li:before{
	display: none;
}

    Спасибо всем)
    Подскажите что изменить, или добавить)

Просмотр 1 ответа (всего 1)
  • Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    6 лет, 6 месяцев назад

    Есть такая картинка

    В вопросах по CSS лучше давать ссылку на страницу с проблемой, а не картинку. Поиграть со стилями — в общем случае дело нескольких минут, но воспроизводить ради этого разметку, похожую на вашу, вряд ли кто-то будет, тем более что результат может отличаться, и тогда ответ вам никак не поможет.

Просмотр 1 ответа (всего 1)
  • Тема «Помогите, легкий очень вопрос по css» закрыта для новых ответов.

Просмотр