@import url(../fonts/font.css);

/* Сброс */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, ol, ul, li, 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; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block; }

html, html a { -webkit-font-smoothing: antialiased; }

/* Настройка основной типографии */
body, select, input, textarea, button {
	font: normal 15px/1.5 "GothaPro", Arial, Helvetica, sans-serif;
	letter-spacing: 0.008em;
	color: #444;
	outline: none;
}
	a { 
		outline: none;
		color: #06a8f2;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

/* Заголовки H1-6 */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	margin: 10px 0 .8em 0;
	letter-spacing: -0.01em;
	line-height: 1.35em;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
	h1, .h1 { font-size: 2em; }
	h2, .h2 { font-size: 1.9em; }
	h3, .h3 { font-size: 1.6em; }
	h4, .h4 { font-size: 1.5em; }
	h5, .h5 { font-size: 1.2em; }

	/* Частые стили */
	.strike { text-decoration: line-through; }
	.nobr { white-space: nowrap; }
	.hide { display: none; }
	.title_hide { left: -9999px; position: absolute; top: -9999px; overflow: hidden; width: 0; height: 0; }
	.uline { text-decoration: underline; }
	.strike { text-decoration: line-through; }
	.ultrabold { font-weight: 900; text-transform: uppercase; }

	.justify { text-align: justify; }
	.center { text-align: center; }
	.left { float: left; }
	.right { float: right; }
	fieldset { border: 1px solid rgba(0,0,0,0.1); padding: 15px; margin-bottom: 1.5em; }
	fieldset legend { font-weight: bold; }

	.grey { color: #94999e; }
	.grey a { color: inherit; }
	.grey a:hover, a.grey:hover { color: #444; }
	.mini-news::-webkit-scrollbar {width:0px;}
	.red { color: #06a8f2; }

	sup { vertical-align: super; font-size: smaller; } 
	.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	a .over { cursor: pointer; }
	.sticky {  position: fixed;  z-index: 101;}
	.stop {  position: relative;  z-index: 101;}
	.cover {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

/* Настройка других элементов */
ul { padding-left: 40px; list-style: disc outside; margin-top: 1em; margin-bottom: 1em;}
ol { padding-left: 40px; list-style: decimal outside; margin-top: 1em; margin-bottom: 1em;}

.instagram-media, .twitter-tweet {display: inline-block !important;}

p,dl,dd,pre,blockquote,table,fieldset { margin-bottom: 1.5em; }
	strong, b { font-weight: bold }
	em, cite, i { font-style: italic }
	caption { text-align: left }
	th, td { vertical-align: middle }
	small, .small { font-size: .9em; }
	hr { height: 0; border: 0; border-top: 2px solid #e3e4e6; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; }

	.clr { clear: both }
	.clrfix:after { clear: both; content: ""; display: table; }

/* --- Деление на колонки --- */
@media only screen and (min-width: 701px) {
	.grid_1_2, .grid_1_4, .grid_2_4, .grid_3_4 {
		float: left; margin-right: 2%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.grid_1_2.right, .grid_1_4.right, .grid_3_4.right { float: right; }
	.grid_1_2.none, .grid_1_4.none, .grid_3_4.none { float: none; margin-right: 0; }
	.grid_1_2 { width: 48%; }
	.grid_2_4 { width: 31.3333%; }
	.grid_1_4 { width: 22%; }
	.grid_3_4 { width: 74%; } 
	.grid_last { margin-right: 0; }

	.grid_list:after { content: ""; display: block; clear: both; }
	.grid_list > .grid_1_2:last-child,
	.grid_list > .grid_1_4:last-child,
	.grid_list.grid_3_4:last-child { margin-right: 0; }
}
@media only screen and (max-width: 700px) {
	.grid_1_2.right, .grid_1_4.right, .grid_3_4.right { float: none; }
}

/* Expand & Collapse */
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
	.fade.in { opacity: 1; }
	.collapse { overflow: hidden; height: 0; width: 0; display: block; }
	.collapse.in { display: block; width: auto; height: auto; }
	.collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.35s ease;
		transition: height 0.35s ease;
	}

/* DropDown Меню и формы */
.dropdown { position: relative; }
	.dropdown-menu, .dropdown-form {
		min-width: 160px;
		padding: 12px 0;
		border-radius: 2px;
		margin-top: 5px !important;
		display: none;
		z-index: 99;
		position: absolute;
		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
		background-clip: padding-box;
		background-color: #fff;
	}
	.dropdown-menu { list-style: none; margin: 0; }
	.dropdown-form { padding: 25px; }

	/* DropMenu */
	.dropdown-menu li a { height: 1%; padding: 5px 20px; border: 0 none; display: block; white-space: nowrap; text-decoration: none; color: inherit; }
	.dropdown-menu li a:hover { background-color: #e05b37; color: #fff; }
	.open .dropdown-menu, .open .dropdown-form { display: block; }

/* --- Работа вкладок --- */
.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }

.signature {
	font-size: .9em;
	opacity: .5;
	margin-top: .9em;
}

.wseditor table, .bb-editor table { margin: 0px; }
.dlepopupnewsedit { height: 400px !important;}

/* --- Иконки --- */
.icon {
	display: inline-block;
	width: 1em; height: 1em;
	fill: #06a8f2;
	vertical-align: middle;
}
.icon-m {
	display: inline-block;
	width: 1em; height: 1em;
	fill: #10d54c;
	vertical-align: middle;
}
.icon-w {
	display: inline-block;
	width: 1em; height: 1em;
	fill: #10d54c;
	vertical-align: middle;
}
	.icon-ca { width: 25px; height: 25px; }
	.icon-arrow_down { width: 13px; height: 13px; }
	.icon-arrow_left { width: 13px; height: 13px; }
	.icon-arrow_right { width: 13px; height: 13px; }
	.icon-fav { width: 15px; height: 14px; }
	.icon-like { width: 13px; height: 11px; }
	.icon-meta_date { width: 17px; height: 17px; }
	.icon-meta_reply { width: 13px; height: 13px; }
	.icon-meta_rate { width: 15px; height: 15px; margin-top: -5px; padding-right: 5px; }
	.icon-meta_views { width: 17px; height: 17px; }
	.icon-meta_cat { width: 17px; height: 17px; }
	.icon-meta_offer { width: 14px; height: 14px; }
	.icon-meta_user { width: 15px; height: 16px; }
	.icon-meta_coms { width: 17px; height: 17px; }
	.icon-meta_mail { width: 19px; height: 15px; }
	.icon-compl { width: 13px; height: 13px; }
	.icon-cross { width: 13px; height: 13px; }
	.icon-next, .icon-prev { width: 23px; height: 23px; }
	.icon-search, .icon-login { width: 20px; height: 19px; }
	.icon-sort, .icon-speedbar, .icon-meta_pages { width: 29px; height: 30px; }
	.icon-login { width: 19px; height: 19px; }
	.icon-tags { width: 17px; height: 17px; }

	.icon-vk { width: 10px; height: 1em; }
	.icon-tw { width: 14px; height: 1em; }
	.icon-fb { width: 8px; height: 1em; }
	.icon-gp { width: 18px; height: 1em; }
	.icon-ya { width: 7px; height: 1em; }
	.icon-od { width: 10px; height: 1em; }
	.icon-mail { width: 16px; height: 1em; }
	
/* --- Базовые слои --- */
body { background-color: #EEF1F7; }
	.wrp, .wrp_min { max-width: 1180px; padding: 0 20px; margin: 0 auto; }
	.wrp_min { max-width: 950px; }

	#footer { background:#fff; }

	@media only screen and (min-width: 1000px) {
		.wrp_main { max-width: 1180px; padding: 0 20px; margin: 0 auto; }
	}
	@media only screen and (max-width: 999px) {
		.wrp_main { max-width: 1180px; padding: 0 0; margin: 0 auto; }  
	}
.headpic {
		position: relative;
		background: #fff;  
	} 
	.headpic.fixed { background-attachment: fixed; }
	
	@media only screen and (min-width: 1000px) {
		#header {
			height: 76px;
			display: -webkit-flex;
			display: flex;
			
		}
	}

	.logotype { float: left; padding: 17px; margin-left: -17px; position: relative; z-index: 1;}
		.logotype-img {height: 38px;}

	@media only screen and (min-width: 1000px) {
		
	.topbar { -webkit-flex-grow: 2; flex-grow: 2; }
	#topmenu { float: left; position: relative; z-index: 2; }
		#topmenu ul { list-style: none; padding: 0; margin: 0; }
		#topmenu > ul > li { float: left; position: relative; }
		#topmenu > ul > li > a {
			font-weight: 600;
			letter-spacing: 1px;
			font-size: 18px;
			display: block;
			line-height: 22px; height: 22px;
			padding: 27px 17px;
			text-decoration: none !important;
			-webkit-transition: opacity .2s ease; transition: opacity .2s ease;
			position: relative;
			z-index: 21;
		}
		#topmenu > ul > li > a:hover { opacity: 1; }
		#topmenu > ul > li > a > .icon {
			fill: #444;
			margin-left: 6px;
		}
		#topmenu a, #topmenu { color: #444; }
		#topmenu > ul > li > ul, #topmenu > ul > li > div {
			position: absolute;
			left: 0; top: 0;
			padding: 30px 0;
			padding-top: 76px;
			margin-left: -13px;
			font-weight: 600;
			letter-spacing: 1px;
			font-size: 16px;
			width: 250px;
			z-index: 20;
			opacity: 0; visibility: hidden;
			-webkit-transform: translate(0, -100%) scale(0.8);
			transform: translate(0, -100%) scale(0.8);
		}
		#topmenu > ul > li > div { padding-left: 30px; padding-right: 30px; }
		#topmenu > ul > li:hover > ul, #topmenu > ul > li:hover > div {
			opacity: 1; visibility: visible;
			-webkit-transform: translate(0, 0) scale(1);
			transform: translate(0, 0) scale(1);
			-webkit-transition: all .4s ease; transition: all 0.4s ease;
		}
		#topmenu > ul > li > ul:after, #topmenu > ul > li > div:after {
			content: "";
			background-color: #06a8f2;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			border-radius: 0 0 2px 2px;
			opacity: .95;
			box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4);
		}
		#topmenu > ul > li > ul > li, #topmenu > ul > li > div > div { position: relative; z-index: 1; }
		#topmenu > ul > li.parent:hover > a { color: #fff; opacity: 1; }
		#topmenu > ul > li.parent:hover > a > .icon { fill: #fff; opacity: 1; }
		#topmenu > ul > li > ul > li > a {
			display: block;
			padding: .3em 30px;
			height: 1%;
			text-decoration: none !important;
		}
		#topmenu > ul > li > ul > li > a:hover { color: #fff; }
	}

	#closemenu { display: none; }

	.arh_tabs {
		list-style: none;
		height: 26px;
		border-radius: 18px;
		margin-bottom: 25px !important;
		overflow: hidden;
		position: relative;
		}
		.arh_tabs:after {
			content: "";
			position: absolute;
			left: 0; top: 0; bottom: 0; right: 0;
			border: 1px solid #06a8f2;
			border-radius: 13px;
		}
		.arh_tabs > li {
			float: left;
			width: 50%;
			position: relative;
			z-index: 1;
		}
		.arh_tabs > li > a {
			text-align: center;
			display: block;
			height: 22px; line-height: 22px;
			padding: 2px 4px;
			color: #fff;
			text-decoration: none !important;
			text-transform: uppercase;
			border-radius: 13px;
			font-size: 10px;
			font-weight: bold;
		}
		.arh_tabs > li.active > a { background-color: #06a8f2; }

	/* Кнопка вызова меню и закрытия */
	@media only screen and (min-width: 999px) {
		#mainmenu.h_btn { display: none; }
	}
	.menu_toggle, .icon_close {
		display: inline-block;
		vertical-align: middle;
		width: 40px; height: 30px;
		margin: 0;
		position: relative;
	}
		.menu_toggle > i, .icon_close > i {
			height: 2px; width: 100%;
			background-color: #444;
			position: absolute;
			left: 0; top: 0;
			-webkit-transition: all ease .3s; transition: all ease .3s;
		}
		.mt_1 { margin-top: 1px; }
		.mt_2 { margin-top: 13px; }
		.mt_3 { margin-top: 26px; }
		.menu_toggle__title { display: none; }
		#mainmenu.open .mt_1, .icon_close > i.mt_1 {
			-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
		}
		#mainmenu.open .mt_2 { opacity: 0; }
		#mainmenu.open .mt_3, .icon_close > i.mt_2 {
			-webkit-transform: rotate(45deg); transform: rotate(45deg);
		}
		#mainmenu.open .mt_1, #mainmenu.open .mt_2, #mainmenu.open .mt_3, .icon_close > i { margin-top: 9px; }

		#mainmenu.open .menu_toggle { opacity: 1 !important; }
		#mainmenu.open i { background-color: #fff; }

	/* Авторизация и Поиск */
	.h_btn {
		float: right;
		width: 44px; height: 44px;
		position: relative;
		z-index: 1;
		background: none;
		border: 0 none;
		padding: 16px 6px;
		cursor: pointer;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.h_btn:after {
			content: "";
			background-color: #21282d;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 66px;
			border-radius: 0 0 2px 2px;
			opacity: 0; visibility: hidden;
			margin-top: -60px;
			-webkit-transition: margin-top .2s ease; transition: margin-top 0.2s ease;
		}
		.h_btn.open:after {
			opacity: 1; visibility: visible;
			margin-top: 0;
		}
		.h_btn > * { position: relative; z-index: 1; }
		.h_btn > .icon { fill: #444; }
		.h_btn.open > .icon, .h_btn > .icon_close, .h_btn.open > .avatar {
			display: none;
		}
		.h_btn.open > .icon_close {
			display: inline-block;
		}

	/* --- Tools (хлебные крошки, сортировка, популярные теги) --- */
	#tools {
		background-color: #06a8f2;
		font-size: 16px;
		
	}
		.tools { height: 50px; }  
		.tools > .wrp:after { content: ""; display: block; clear: both; }
	@media only screen and (min-width: 750px) {
    #breadcrumbs { line-height: 46px; float:left; width: 60%;}
		#breadcrumbs { color: #fff; font-weight: 600;}
		#breadcrumbs a { color: #fff; font-weight: 600;}
	
	#breadcrumbs_right { line-height: 46px; float:left; width: 40%;}
		#breadcrumbs_right { color: #fff; font-weight: 600;}
		#breadcrumbs_right a { color: #fff; font-weight: 600;}	
		#breadcrumbs_right .kurs {float: right; padding-left: 15px;}
	}
	
	@media only screen and (max-width: 749px) {
    #breadcrumbs { line-height: 50px; }
		#breadcrumbs { color: #fff; font-weight: 600;}
		#breadcrumbs a { color: #fff; font-weight: 600;}
	
	#breadcrumbs_right { display:none;}	
	}
	
	@media only screen and (min-width: 750px) {
	#bread_main_left { line-height: 46px; float:left; width: 50%;}
		#bread_main_left { color: #fff; font-weight: 600;}
		#bread_main_left a { color: #fff; font-weight: 600;}
		#bread_main_left .kurs {float: left; padding-right: 15px;}
	
	#bread_main_right { line-height: 46px; float:right; width: 50%; text-align: right;}
		#bread_main_right { color: #fff; font-weight: 600;}
		#bread_main_right a { color: #fff; font-weight: 600;}
	}
	
	@media only screen and (max-width: 749px) {
	#bread_main_right { display: none;}
	
	#bread_main_left { line-height: 50px; float:left;}
		#bread_main_left { color: #fff; font-weight: 600;}
		#bread_main_left a { color: #fff; font-weight: 600;}
		#bread_main_left .kurs {float: left; padding-right: 15px;}
	}

	/* Поиск */
	.droptopbar {
		width: 100%; height: 0; overflow: hidden;
		background-color: #21282d;
		position: relative;
		z-index: 21;
		-webkit-transition: height ease .2s;
		transition: height ease .2s;
		font-size: .9em;
	}
		.droptopbar .wrp {
			opacity: 0;
			-webkit-transition: opacity ease 1s;
			transition: opacity ease 1s;
		}
		.search_open #q_search, .login_open #loginpane, .loginf_open #loginpane { height: 59px; }
		.search_open #q_search .wrp, .login_open #loginpane .wrp, .loginf_open #loginpane .wrp { opacity: 1; }

		.droptopbar .btn { height: 33px; padding: 6px 14px; }

		.q_search { position: relative; }
		.q_search > input {
			width: 100%; height: 59px;
			line-height: 23px;
			padding: 18px 130px 18px 0;
			border-radius: 0;
			background: none !important;
			color: #fff !important;
			display: block;
			border: 0 none;
			font-size: 1em;
			box-shadow: none; -webkit-box-shadow: none;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.q_search input::-webkit-input-placeholder { color: #fff; }
		.q_search > .btn {
			position: absolute;
			right: 0; top: 0;
			margin: 13px 0 0 0;
			background: none;
			color: #fff !important;
			box-shadow: inset 0 0 0 1px #383e42; -webkit-box-shadow: inset 0 0 0 1px #383e42;
			cursor: pointer;
		}
		.q_search > .btn:hover { box-shadow: inset 0 0 0 1px #64696c; -webkit-box-shadow: inset 0 0 0 1px #64696c; }

	/* Авторизация */
	.login > .avatar {
		display: inline-block;
		padding: 5px;
		position: relative;
		border-radius: 50%;
		border: 1px solid #444;
		}
		.login > .avatar > .cover, .login > .avatar { width: 31px; height: 31px; }
		.pmnum_0 > .num { display: none; }
		.num {
			background: #fff;
			color: #444;
			font-weight: bold;
			height: 12px; 
			line-height: 11px;
			min-width: 8px;
			padding: 1px 3px;
			display: inline-block;
			vertical-align: top;
			text-align: center;
			font-size: 9px;
			border-radius: 7px;
		}
		.login > .avatar > .num { position: absolute; left: 0; bottom: 0; margin: 0 0 -1px -1px; }

		/* Панель авторизации */
		#loginpane {
			color: #fff;
			position: absolute;
			left: 0; top: 0;
			margin-top: -59px;
		}

			.page:before {
				content: "";
				display: block;
				width: 100%; height: 0;
				background-color: #21282d;
				-webkit-transition: height ease .2s;
				transition: height ease .2s;
			}
			.login_open .page:before, .loginf_open .page:before { height: 59px; }

		/* Форма входа */
		ul.login_form {
			list-style: none;
			padding: 0; margin: 0;
			border-radius: 2px;
			border: 1px solid #383e42;
			float: left;
			margin: 13px 20px 0 0;
		}
			.login_form:after { clear: both; display: block; content: ""; }

			.login_form > li { float: left; width: 160px; margin: 0; padding: 0; }
			.login_form > li > label { display: none; }
			.login_form > li > input {
				font-size: 1em;
				height: 33px;
				padding: 6px 14px;
				background: none !important;
				border: 0 none;
				border-left: 1px solid #383e42;
				border-radius: 0;
				color: #fff;
			}
			.login_form > li:first-child > input { border-left-width: 0; }
			.login_form > li > input::-webkit-input-placeholder { color: #fff; }

			.login_form > li > .btn {
				background: none !important;
				border-radius: 0;
				border-left: 1px solid #383e42;
			}
			.login_form > li > .btn:hover { color: #06a8f2 !important; }

			.login_form_links { float: right; margin-top: 17px; height: 23px; line-height: 23px; }
			.login_form_links > a { margin-left: 20px; }

		#loginpane .name { float: left; margin: 20px 30px 0 0; }
		#loginpane .name > a { color: #fff; text-decoration: none !important; }
		#loginpane .name > a:hover { color: #06a8f2; }
		#loginpane .login_menu {
			float: left;
			list-style: none;
			padding: 0; margin: 20px 0 0 0;
		}
		#loginpane .login_menu > li { display: inline; margin-right: 20px; }
		#loginpane .login_menu > li a { color: #bebfc0; text-decoration: none !important; }
		#loginpane .login_menu > li a:hover { color: #fff; }

		.lm_num {
			background: #293239;
			font-weight: bold;
			height: 16px; 
			line-height: 16px;
			min-width: 16px;
			padding: 3px;
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			font-size: 12px;
			border-radius: 11px;
			margin: -.2em .4em 0 0;
			color: #fff;
		}

		/* Соц.сети */
		.soc_links {
			float: left;
			display: flex;
			justify-content: space-between;
			padding: 1px;
			margin: 13px 0 0 0;
		}
			.soc_links > a {
				display: inline-block;
				width: 31px; height: 31px; line-height: 31px;
				border-radius: 50%;
				background-color: #293239;
				text-align: center;
				margin-left: 6px;
				opacity: .5;
				-webkit-transition: all ease .1s; transition: all ease .1s;
			}
			.soc_links > a:hover { opacity: 1; }
			.soc_links > a > .icon { fill: #fff; vertical-align: middle; margin: -3px 0 0 0; }

			.soc_vk:hover { background-color: #5486ca; }
			.soc_tw:hover { background-color: #60bbf5; }
			.soc_fb:hover { background-color: #4268ca; }
			.soc_gp:hover { background-color: #de553a; }
			.soc_ya:hover { background-color: #ff0000; }
			.soc_od:hover { background-color: #ff7800; }
			.soc_mail:hover { background-color: #006cff; }

/* --- Футер --- */
#footer {
	padding: 50px 0;
	border-top: 1px solid #eceded;
}
	/* Меню в футере */
	.foot_menu {
		font-size: .92em;
		list-style: none;
		padding: 0; margin: 0 0 50px 0;
	}
	.foot_menu:after { clear: both; display: table; content: ""; }

	.foot_menu > li > b { color: #caced1; display: block; margin-bottom: 1em; text-transform: uppercase; }
	.foot_menu > li:hover > b { color: #06a8f2; }
	.foot_menu > li > b > i { display: none; }
	.foot_menu > li nav > a {
		color: inherit;
		display: block;
		padding: .2em 0;
		text-decoration: none !important;
		font-size: .98em;
	}
	.foot_menu > li nav > a:hover { color: #06a8f2; }

	@media only screen and (min-width: 701px) {
		.foot_menu > li > div {
			display: block !important;
			height: auto !important; width: auto !important;
		}
	}

/* Копирайты */
.foot {
	padding-top: 20px;
	border-top: 1px solid #eceded;
	font-size: .9em;
}
	.foot:after { content: ""; clear: both; display: block; }

	/* CENTROARTS */
	.ca { float: left; white-space: nowrap; }
		a.ca * { cursor: pointer; }
		.ca:after { clear: both; display: block; content: ""; }
		.ca > span {
			width: 38px; height: 38px;
			float: left;
			border: 1px solid #d1d3d5;
			border-radius: 50%;
			margin-right: 15px;
		}
		.ca > span > .icon { fill: #d1d3d5; }

		.ca:hover > span { border-color: #404549; }
		.ca:hover > span > .icon { fill: #404549; }

		.ca > div { float: left; }
		.ca > div > b { display: block; text-transform: uppercase; }
		.ca > span > .icon {
			display: block;
			margin: 7px 0 0 8px;
			fill: #cbcbcb;
		}

	/* Счетчики */
	.counters { list-style: none; margin: 0; padding: 0; float: right; }
		.counters:after { clear: both; display: block; content: ""; }
		.counters > li {
			float: left;
			opacity: .5;
			height: 31px;
		}
		.counters > li:first-child { margin-left: 0; }
		.counters > li:hover { opacity: 1; }

	/* Опросы */
	.vote_line {
		position: relative;
		background-color: #06a8f2;
	}
	@media only screen and (min-width: 701px) {
		.vote_line { height: 55px; }
		.vote_line:after {
			content: "";
			position: absolute;
			top: 0; bottom: 0; left: 0;
			width: 50%;
			background-color: #444;
		}
		.vote_line > .wrp { position: relative; z-index: 1; background-color: #06a8f2; }
		.vote_line_title {
			float: left;
			margin: 0 0 0 -20px;
			background-color: #444;
			height: 25px;
			line-height: 25px;
			padding: 15px 20px;
			position: relative;
			color: #fff;
		}
		.vote_line_title:after {
			content: "";
			position: absolute;
			left: 100%; top: 0;
			vertical-align: middle;
			border: solid transparent;
			border-left-color: #444;
			border-width: 28px 0 27px 16px;
		}

		/* Иконка опросов */
		.vote_icon {
			display: inline-block;
			width: 12px; height: 16px;
			vertical-align: middle;
			margin: -.2em 0 0 .4em;
		}
		.vote_icon > i {
			display: block;
			width: 100%; height: 1px;
			background-color: #06a8f2;
			margin-top: 4px;
		}
		.vote_icon > i:first-child { margin-top: 0; }
		.vote_icon > i.i1 { width: 80%; }
		.vote_icon > i.i2 { width: 100%; }
		.vote_icon > i.i3 { width: 40%; }
		.vote_icon > i.i4 { width: 60%; }

		/* Заголовок опроса */
		.vtitle {
			white-space: nowrap;
			overflow: hidden;
			font-weight: bold;
			height: 25px;
			line-height: 25px;
			padding: 15px 0;
			margin: 0 0 0 165px;
			color: #fff;
		}

		/* Форма опросов */
		.vote_line_form {
			position: absolute;
			right: 0; top: 0;
			margin-right: 20px;
			padding: 7px 20px;
			height: 41px;

			background-image: #06a8f2;
		}
		.vote_line_form .dropdown, .vote_line_form .more_votes { float: right; }
	}
		.vote_line_form .more_votes {
			color: #fff;
			font-size: .9em;
			height: 25px;
			line-height: 25px;
			padding: 8px 20px;
		}
		.vote_line_form .dropdown .dropdown-form {
			width: 210px;
			right: 0; bottom: 57px; top: auto; left: auto;
		}
		.vote_line_form .dropdown.open:after {
			content: "";
			position: absolute;
			left: 50%; top: 0;
			z-index: 100;
			margin: -17px 0 0 -14px;
			vertical-align: middle;
			border: solid transparent;
			border-top-color: #fff;
			border-width: 14px 14px 0 14px;
		}
		.vote_line_form .dropdown .dropdown-form .vote_list { font-size: .9em; margin-top: 0; }
		.vote_line_form .dropdown .btn_border { margin-top: 6px; }

		.vote_list { margin: 1.5em 0; }
		.vote_list .vote, .vote_list .pollanswer { margin: 0 0 .6em 0; }
		.vote_list .vote > input, .vote_list .pollanswer > input { display:none;  }
		.vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before {
			display:inline-block;
			width: 4px; height: 4px;
			border: 5px solid #e4e4e4;
			background-color: transparent;
			margin: -.2em 4px 0 0;
			vertical-align:middle;
			cursor:pointer;
			content: "";
			border-radius: 2px;
		}
		.vote_list .vote > input[type="radio"] + label:before,
		.vote_list .pollanswer > input[type="radio"] + label:before { 
			border-radius: 50%;
		}
		.vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before {
			background-color: #06a8f2;
		}
		.vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before {
			background-color: #444;
			border-color: #06a8f2;
		}
		.vote_list .vote > input + label:before,
		.vote_list .vote > input:checked + label:before,
		.vote_list .pollanswer > input + label:before,
		.vote_list .pollanswer > input:checked + label:before { 
			-webkit-transition: all ease .2s;
			transition: all ease .2s;
		}
		.vote_votes, .pollallvotes { font-size: .9em; }
		#dlevotespopupcontent { height: auto !important; overflow: visible !important; }

		/* Опросы в новости */
		.poll_block { margin-top: 50px; }
		.poll_title {
			border-left: 1px solid #06a8f2;
			position: relative;
		}
			.poll_title:after, .poll_title:before {
				content: "";
				position: absolute; left: 0;
				background: #06a8f2;
				height: 1px;
			}
			.poll_title:before { top: 0; width: 100%; }
			.poll_title:after { bottom: 0; width: 45%; }

			.poll_title > b { display: block; padding: 16px 24px; }
			.poll_title > b:after, .poll_title > b:before {
				content: "";
				position: absolute;
				left: 27px; top: 100%;
				vertical-align: middle;
				border: solid transparent;
				border-top-color: #06a8f2;
				border-width: 13px 13px 0 0;
			}
			.poll_title > b:after {
				border-top-color: #fff;
				margin: -2px 0 0 1px;
				z-index: 1;
			}

/* --- Новости --- */
.story {
		background-color: #fff;
	}
	.story_list #dle-content > .story:nth-child(2n) { background-color: #f8f8f8; }

	.shadow {
		position: relative;
		border-bottom: 1px solid #eceded;
	}
	.shadow:after {
		position: absolute;
		z-index: 1;
		left: 0; top: 100%;
		width: 100%; height: 7px;
		content: "";
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
	}
	.story > .wrp:after { clear: both; display: block; content: ""; }
	.story > .wrp { position: relative; }

	/* Настройка заголовка */
	.story .head { margin-bottom: 1.5em; overflow: hidden; }
		.story .head .title { margin-bottom: 0; }
		.story .head.grid_3_4 { float: none; }
		.story .head .title > a {
			display: block;
			color: inherit;
			text-decoration: none !important;
		}
		.story .head .title > a:hover {
			color: #969fa7;
			-webkit-transition: color ease .2s; transition: color ease .2s;
		}

	/* Иконки новости "В закладки" и "Редактировать" */
	.story_icons {
		position: absolute;
		top: 0; left: 0;
		margin-left: 20px;
	}

	/* Кнопка "В закладки" */
	.fav_btn > a {
			display: block;
			width: 29px; height: 29px;
			border-radius: 50%;
			text-align: center;
			overflow: hidden;
			margin-bottom: 14px;

			background-color: #06a8f2;
			background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -moz-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -o-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -ms-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: linear-gradient(top, #f45068 0%, #f93f59 100%);

			box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
		}
		.fav_btn .icon {
			fill: #fff;
			width: 15px; height: 15px;
			display: block;
			margin: 6px auto 0 auto;
		}
		.fav_btn > a[href*="del"] {
			background-color: #fabd34;
			background-image: -webkit-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -moz-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -o-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -ms-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: linear-gradient(top, #fbc431 0%, #f8b337 100%);
		}

	/* Кнопка "Редактировать" */
	.story_left_icons .edit_btn > a {
		margin-bottom: 14px;
		border-color: #404549;
	}
	.edit_btn > a {
		position: relative;
		overflow: hidden;
		width: 27px; height: 27px;
		border-radius: 50%;
		border: 1px solid transparent;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.edit_btn > a:hover { border-color: #06a8f2; }
		.edit_btn > a > i, .edit_btn > a i:after, .edit_btn > a i:before { 
			width: 13px; height: 1px;
			background-color: #404549;
			display: block;
			position: relative;
		}
		.edit_btn > a i:after,
		.edit_btn > a i:before { content: ""; position: absolute; top: 0; left: 0; }
		.edit_btn > a i:after { margin-top: -4px; }
		.edit_btn > a i:before { margin-top: 4px; }

		.edit_btn > a:hover > i, .edit_btn > a:hover i:after, .edit_btn > a:hover i:before {
			background-color: #06a8f2;
		}

	/* Данные новости */
	.story_info { float: left; margin-right: 0; font-size: .92em; }

		/* Раскрытие информации */
		@media only screen and (min-width: 701px) {
			.storyinfo_link { display: none; }
			.storyinfo {
				display: block !important;
				height: auto !important;
				width: auto !important;
			}
		}
		.storyinfo_link {
			cursor: pointer;
			position: relative;
			padding-left: 30px;
			padding-bottom: 1.5em;
			margin-bottom: 1.5em;
			border-bottom: 1px solid #e3e4e6;
		}
			.storyinfo_link > .icon { float: left; margin: 2px 0 0 -30px; }
			.storyinfo_link .arrow {
				position: absolute;
				right: 0; top: 0;
				margin: .75em 3px 0 0;
				width: 12px;
			}
			.storyinfo_link .arrow:after, .storyinfo_link .arrow:before {
				content: "";
				position: absolute;
				width: 9px; height: 1px;
				background-color: #06a8f2;
				border-radius: 2px;
				-webkit-transition: all ease .3s; transition: all ease .3s;
			}
			.storyinfo_link .arrow:after {
				margin-left: 6px;
			}
			.storyinfo_link.collapsed .arrow:after,
			.storyinfo_link.collapsed .arrow:before {
				background-color: #c7c9cc;
			}
			.storyinfo_link.collapsed .arrow:after {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			.storyinfo_link.collapsed .arrow:before {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}

		/* Звездный рейтинг */
		.rate_stars { margin-bottom: 1.5em; }

		/* Мне нравится */
		.rate_like > a {
			display: block;
			text-decoration: none !important;
		}
			.rate_like_icon {
				display: block;
				width: 27px; height: 27px;
				border-radius: 50%;
				border: 1px solid #404549;
				text-align: center;
			}
			.rate_like_icon .icon {
				fill: #404549;
				width: 13px; height: 13px;
				display: block;
				margin: 7px auto 0 auto;
			}
			.rate_like > a > .grey {
				display: block;
				font-size: .85em;
				text-align: center;
				margin-top: .3em;
			}
			.comment .rate_like > a { display: inline-block; }
			.comment .rate_like > a > * { display: inline-block; vertical-align: middle; }
			.comment .rate_like > a > .grey { margin: .1em 0 0 6px; }

			.rate_like > a:hover .rate_like_icon { border-color: #06a8f2; }
			.rate_like > a:hover .rate_like_icon .icon { fill: #06a8f2; }

		/* Рейтинг + и - */
		.rate_like-dislike > .grey {
			display: block;
			font-size: .85em;
			text-align: center;
			margin-top: .3em;
		}
			.rate_like-dislike_in {
				position: relative;
				width: 27px; height: 55px;
				border-radius: 15px;
				border: 1px solid #404549;
			}
			.rate_like-dislike_in > a { display: block; height: 27px; text-align: center; }
			.rate_like-dislike_in > a:first-child:hover .plus_icon > span:before, 
			.rate_like-dislike_in > a:first-child:hover .plus_icon > span:after { background-color: #06a8f2; }
			.rate_like-dislike_in > a:last-child .plus_icon {
				padding: 3px;
				margin: 4px;
				border: 0 none;
				border-radius: 50%;
				background-color: #404549;
			}
			.rate_like-dislike_in > a:hover:last-child .plus_icon { background-color: #06a8f2; }

			.rate_like-dislike_in > a:last-child .plus_icon > span { margin: 3px 0 0 3px; }
			.rate_like-dislike_in > a:last-child .plus_icon > span:after,
			.rate_like-dislike_in > a:last-child .plus_icon > span:before { background-color: #fff; }

			.comment .rate_like-dislike { display: inline-block; }
			.comment .rate_like-dislike > * { display: inline-block; vertical-align: middle; }
			.comment .rate_like-dislike > .grey { margin: .1em 0 0 6px; }

			.comment .rate_like-dislike_in { height: 27px; width: 55px; }
			.comment .rate_like-dislike_in > * { float: left; }

		/* Иконки Плюс и Минус */
		.plus_icon, .plus_icon > span { width: 13px; height: 13px; }
			.plus_icon {
				border: 7px solid transparent;
				display: inline-block;
				vertical-align: middle;
				position: relative;
			}
			.plus_icon > span, .plus_icon > span:before, .plus_icon > span:after {
				overflow: hidden;
				text-indent: -9999px;
				white-space: nowrap;
				position: absolute;
			}
			.plus_icon > span:before, .plus_icon > span:after { background-color: #1a1a1a; content: ""; }
			.plus_icon > span { left: 0; top: 0; }
			.plus_icon > span:after {
				left: 0; top: 0;
				width: 100%; height: 1px;
				margin-top: 6px;
			}
			.plus_icon > span:before {
				left: 0; top: 0; 
				width: 1px; height: 100%;
				margin-left: 6px;
			}
			.plus_icon.minus > span:before { display: none; }

		/* Информация */
		.meta { list-style: none; padding: 0; margin: 0 0 20px 0; float: left; }
			.meta > li { margin: 0 0 .6em 0; float:left; margin:0 15px 0 0;}
			.meta > li > .icon { float: left; margin: 2px 6px 0 0; }
			.meta > li.meta_date a { color: inherit; }

			/* Теги в новости */
			.story_tags { padding-left: 30px; margin-top: 1.5em; }
			.story_tags > .icon { fill: #cdd0d3; float: left; margin: 4px 0 0 -30px; }
			#dle-content > .story:nth-child(2n) .tag_list > span > a { background-color: #fff; }

		/* Теги */
		.tag_list > span { margin: 0 2px 2px 0; }
			.tag_list > span, .tag_list > span > a { display: inline-block; }
			.tag_list > span > a {
				color: inherit;
				text-decoration: none !important;
				padding: 3px 6px;
				border-radius: 2px;
				background-color: #f4f6f7;
			}
			.tag_list > span > a:hover {
				background-color: #06a8f2 !important;
				color: #fff;
				position: relative;
			}

	/* Содержимое новости */
	.story .more { margin-top: 1.5em; }
		.story .text {padding-bottom: 30px;}
		.story .text:after { content: ""; display: block; clear: both; }
		.story .text > img[style*="left"],
		.story .text > .highslide img[style*="left"] { margin: 4px 20px 20px 0; }
		.story .text > img[style*="right"],
		.story .text > .highslide img[style*="right"] { margin: 4px 0 20px 20px; }
		.story .text img { max-width: 100%; }
		.story .text ul { padding-left: 40px; list-style: none; margin-top: 1em; margin-bottom: 1em;}
		.story .text ul li {margin-bottom: 10px;margin-left:20px;line-height: 1.6;position: relative;}
		.story .text ul li:before {margin-bottom: 4px;line-height: 5px;height: 10px;margin-left: -24px;left: 0px;width: 10px;border-radius:50%;margin-top: 5px;background: #009b1a;content: '';text-align: center;position: absolute;font-weight: bold;color:#fff;}

		.story .text ol { padding-left: 40px; list-style: none; margin-top: 1em; margin-bottom: 1em; counter-reset: point;}
		.story .text ol li {margin-bottom: 15px;margin-left:20px;line-height: 1.6;position: relative;}
		.story .text ol li:before {margin-bottom: 4px;counter-increment: point 1; line-height: 30px;height: 30px;margin-left: -44px;left: 0px;width: 30px;border-radius:50%;margin-top: 1px;background: #009b1a;content: counter(point);text-align: center;position: absolute;font-weight: bold;color:#fff;}

	
	/* Редактировал... */
	.editdate {
		margin-top: 1.5em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}

	/* Вложения */
	.attachment > a, .attachment_error {
		border: 1px solid #d9dcde;
		border-radius: 2px;
		padding: 10px 20px;
		margin-top: 10px;
		color: inherit;
		display: block;
		font-size: .9em;
		text-decoration: none !important;
	}
		.attachment > a:hover { color: #06a8f2; }
		.attachment > a > .icon { float: right; margin: 3px 0 0 15px; }

	/* Важная новость */
	.fixed_label {
		position: absolute;
		left: 0; top: 0;
		width: 0; height: 0;
		text-indent: -9999px;
		vertical-align: middle;
		border: solid transparent;
		border-top-color: #ffb027;
		border-width: 25px 25px 0 0;
	}
	
	.fullstory_foot { }
	
	.banner {
		padding: 25px 0;
		display: block;
		width: 100%;
		text-align: center;
		border-top: 1px solid #eceded;
		box-shadow: inset 0 1px 0 0 #fff;
		-webkit-box-shadow: inset 0 1px 0 0 #fff;
	}
		.banner img { max-width: 100%; vertical-align: top; }

/* --- Постраничная навигация --- */
.navigation { padding: 25px 0; }
	.navigation { font-size: 1.1em; }
	.navigation > .wrp { position: relative; }
	.navigation > .wrp:after { clear: both; display: block; content: ""; }
	.navigation > .wrp > .icon {
		position: absolute;
		left: 0;
		margin-left: 20px;
		fill: #cdd0d3;
		margin-top: 2px;
	}
	.pages { float: left; }
	.pages > * {
		color: inherit;
		display: inline-block;
		position: relative;
		padding: 6px 4px;
		min-width: 22px; height: 22px; line-height: 22px;
		border-radius: 2px;
		text-align: center;
		text-decoration: none !important;
	}
	.pages span {
		color: #fff;
		background-color: #06a8f2;
		background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -moz-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -o-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -ms-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: linear-gradient(top, #f45068 0%, #f93f59 100%);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
	}
	.pages span.nav_ext { background: none; color: inherit; }
	.pages a:hover { color: #06a8f2; }

	.page_next-prev { float: left; margin-left: 30px; }
		.page_next-prev > span > * {
			padding: 6px 16px;
			height: 22px; line-height: 22px;
			display: inline-block;
		}
		.page_next-prev > span .icon { margin: -.2em 0 0 0; }

	/* Постраничная навигация в новости */
	.splitnewsnavigation {
		margin: 1.5em 0;
		padding: 15px 0;
		font-weight: bold;
		border: 0 dashed #eceded;
		border-width: 1px 0;
		text-transform: uppercase;
	}
		.splitnewsnavigation > div { display: inline; margin-left: 1em; }
		.splitnewsnavigation a { color: inherit; }
		.splitnewsnavigation a, .splitnewsnavigation span { padding: 6px 10px; }
		.splitnewsnavigation span { color: #06a8f2; }


.block { padding: 20px 0; }
	.block_title { margin: 10px 0 1.5em 0; color: #444; }
	.block_title > * { margin: -.2em 0 0 0; }
	.col_news .grid_list > div > a {
		display: block;
		text-decoration: none !important;
		-webkit-transition: padding-left 0.4s ease;
		transition: padding-left 0.4s ease;
		position: relative;
		color: inherit;
		width: 90%;
		padding-right: 20px;
	}
	.col_news .grid_list > div > a * { cursor: pointer; }
	.col_news .grid_list > div > a:hover {
		padding-left: 30px;
	}
	.col_news .grid_list > div > a .title {  display: block; margin-bottom: 1em; }
	.col_news .grid_list > div > a:hover .title { color: #06a8f2; }
	.col_news .grid_list > div > a .hover_arrow {
		position: absolute;
		left: 0; top: 0;
		margin-top: .25em;
	}
		.col_news .grid_list > div > a .text { font-size: .9em; }
		.hover_arrow {
			position: relative;
			width: 20px; height: 0;
			border-left: 1px solid #06a8f2;
			overflow: hidden;
			display: block;
			opacity: 0;
		}
			.hover_arrow, .hover_arrow:after, .hover_arrow > .icon {
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
			.hover_arrow > .icon {
				position: absolute;
				left: 0; top: 0;
				margin-left: -10px;
			}
			.hover_arrow:after {
				content: "";
				position: absolute;
				left: 0; top: 0;
				margin-top: 6px;
				width: 0; height: 1px;
				background-color: #06a8f2;
			}
			a:hover .hover_arrow { height: 26%; opacity: 1; }
			a:hover .hover_arrow > .icon { margin-left: 10px; }
			a:hover .hover_arrow:after { width: 19px; }

/* --- Статические страницы --- */
.static_pages { margin-top: 1.5em; font-weight: bold; }

/* --- Информация об ошибках --- */
.alert {
	background: #fcf6d2;
	padding: 20px 0;
}

/* --- Комментарии --- */
.addcomments_form {
	border-bottom: 1px solid #06a8f2;
	position: relative;
}
	.addcomments_form .grid_1_4 .ultrabold { margin-top: -.2em; }
	.addcomments_form:after,
	.addcomments_form:before {
		content: "";
		position: absolute;
		top: 100%; left: 50%;
		margin-left: -200px;
		border: solid transparent;
		border-top-color: #06a8f2;
		border-width: 34px 34px 0 0;
	}
	.addcomments_form:after { margin: -2px 0 0 -199px; border-top-color: #fff; }

/* Формы на UL */
ul.ui-form { list-style: none; padding: 0; margin: 0; }
	ul.ui-form > li { margin-bottom: 20px; }
	ul.ui-form > li:last-child { margin-bottom: 0; }
	.form-group { margin-bottom: 20px; }
	.form-group > label { display: block; margin-bottom: .4em; }
	.form-group.imp > label:after { content: "*"; margin: 0 0 0 10px; color: #06a8f2; }

	@media only screen and (min-width: 601px) {
		.form-group.combo:after { clear: both; display: table; content: ""; }
		.form-group.combo > .combo_field { width: 50%; float: left;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.form-group.combo > .combo_field:last-child { padding-left: 10px; }
		.form-group.combo > .combo_field:first-child { padding-right: 10px; }
	}
	@media only screen and (max-width: 600px) {
		.combo_field { margin-bottom: 20px; }
	}
	.form_submit { margin-top: 20px; }
	.form-sep { border-top: 1px solid #efefef; }

	/* Модификация BB редактора для комментариев */
	#comment-editor .bb-editor textarea { height: 140px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	/* Страницы с формами */
	.regtext { margin-bottom: 1.5em; }
	.login_check { position: relative; }
	.login_check > input { padding-right: 120px; }
	.login_check > .btn {
		width: 100px; height: 30px;
		padding: 4px 10px;
		position: absolute;
		right: 0; top: 0;
		font-weight: bold;
		font-size: 11px;
		margin: 5px;
	}
	#registration { text-align: left; }

/* --- Комментарии --- */
.comment {
	position: relative;
	padding-right: 26%;
	padding-left: 130px;
	margin-bottom: 50px;
}
	.searchcoms .comment { margin-bottom: 0; }
	.comment .grid_1_4 {
		position: absolute;
		right: 0; margin: 0;
	}
	/* Аватарка */
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}

	.comment .avatar {
		border: 1px solid #caced1;
		float: left;
		padding: 6px;
		border-radius: 50%;
		background-color: #fff;
		margin-left: -130px;
		position: relative;
	}
		.com_author .avatar { border-color: #44494d; }
		.comment .avatar .cover,
		.comment .avatar { width: 60px; height: 60px; }
		.comment .avatar .com_decor {
			width: 1px; height: 28px;
			position: absolute;
			background-color: #d9dcde;
			left: 99px; top: 9px;
		}
		.comment .avatar .com_decor:after,
		.comment .avatar .com_decor:before {
			content: "";
			position: absolute;
			height: 1px; width: 13px;
			background-color: #d9dcde;
		}
		.comment .avatar .com_decor:after {
			left: 0; top: 0;
		}
		.comment .avatar .com_decor:before {
			right: 0; bottom: 0;
		}

	/* Верхняя часть комментария */
	.com_info {
		margin-bottom: .6em;
		font-size: .9em;
	}
		.com_info > .name { margin-right: 6px; }
		.com_info > .date { margin-left: 6px; }
		.com_info > .name a { color: inherit; }
		.com_info .status {
			display: inline-block;
			vertical-align: middle;
			margin-top: -.2em;
			overflow: hidden;
			text-indent: -9999px;
			background-color: #d9dcde;
			width: 6px; height: 6px;
			border-radius: 50%;
		}
		.status.online { background-color: #a7cb37; }

	.comment .text > .title { margin-top: 0; }

	/* Нижняя часть комментария */
	.com_tools .edit_btn, .com_tools .mass {
		opacity: 0;
		-webkit-transition: opacity ease .3s; transition: opacity ease .3s;
	}
	.comment:hover .com_tools .edit_btn, .comment:hover .com_tools .mass { opacity: 1; }
	.com_tools { margin: .6em 0 0 0; font-size: .9em; text-transform: lowercase; }
		.com_tools .edit_btn, .com_tools .mass { float: right; margin-top: -3px; }
		.com_tools .mass input { margin: 4px 0 0 10px; }
		.com_tools_links { display: inline; }
		.com_tools_links > a {
			margin: 0 15px 0 0;
			text-decoration: none !important;
		}
		.com_tools_links > a:hover { color: #06a8f2; }
		.com_tools_links > a > .icon { margin: -.2em 8px 0 0; }

	/* Древовидные комментарии */
	.comments-tree-list {
		position: relative;
		padding: 0 26% 0 0;
		margin: 0;
		list-style: none;
	}
		.comments-tree-list .comments-tree-list {
			position: static;
			padding: 0 0 0 130px;
		}
		.comments-tree-list .comments-tree-list .comments-tree-list,
		.comments-tree-list .comments-tree-list .comment { padding-left: 60px; }
		.comments-tree-list .comment { padding-right: 0; position: static; }
		.comments-tree-list .comments-tree-list .comment .com_decor { display: none; }

		.comments-tree-list .comments-tree-list .comment .avatar { padding: 3px; margin-left: -60px; }
		.comments-tree-list .comments-tree-list .comment .avatar .cover,
		.comments-tree-list .comments-tree-list .comment .avatar { width: 32px; height: 32px; }

		/* Управление комментариями */
		.mass_comments_action { text-align: center; border-top: 1px dashed #eceded; padding: 20px 0; }
		.mass_comments_action > select { padding: 5px; width: 200px; margin-left: 1em; }

/* --- Контакты --- */
#map { width: 100%; }
	.map_resp {
		width: 100%; padding-top: 30%; height: 0;
		position: relative;
	}
	.map_resp > #map {
		position: absolute;
		left: 0; top: 0; bottom: 0;
		height: auto;
		border-radius: 4px;
		overflow: hidden;
	}
	.contact_head > .title { margin-top: 0; }
	.contacts { font-size: 1.1em; }
	.contacts > .grid_1_2 { padding-left: 42px; }
	.contacts > .grid_1_2 .icon {
		float: left;
		margin: 5px 0 0 -42px;
	}

/* --- PM --- */
.pm-box {
	margin-bottom: 1.5em;
	background-color: #f4f6f7;
	border-radius: 2px;
}
	#pm-menu:after { content: ""; clear: both; display: block; }
	#pm-menu { border-bottom: 1px solid #fff; }
	#pm-menu > a {
		color: inherit;
		padding: 10px 30px;
		float: left;
		text-decoration: none !important;
		border-right: 1px solid #fff;
	}
	#pm-menu > a:first-child { border-radius: 2px 0 0 0; }
	#pm-menu > a:hover { color: #06a8f2; }

	.pm_status { padding: 30px; }
	.pm_progress_bar {
		background-color: #cdd0d3;
		margin-bottom: 10px;
		border-radius: 2px;
		overflow: hidden;
	}
	.pm_progress_bar span { background: #06a8f2; font-size: 0; height: 5px; border-radius: 2px; display: block; overflow: hidden }

/* --- Страница пользователя --- */
.userinfo_top { position: relative; }
	.userinfo_top:after { clear: both; display: block; content: ""; }
	.userinfo_top .avatar {
		float: left;
		margin: 0 30px 0 0;
		padding: 6px;
		border: 1px solid #d7d9db;
		border-radius: 50%;
	}
	.userinfo_status { margin: -1em 0 1.2em 0; font-size: .9em; }

	.user_tab {
		list-style: none; padding: 0; margin: 0;
		display: inline-block;
		border: 1px solid #e7e7e7;
		border-radius: 20px;
		}
		.user_tab:after { clear: both; display: block; content: ""; }
		.user_tab > li { float: left;  }
		.user_tab > li:first-child > a { border-left-width: 0; }
		.user_tab > li > a {
			border-left: 1px solid #e7e7e7;
			display: block;
			text-decoration: none !important;
			color: inherit;
			font-size: .9em;
			font-weight: bold;
			color: #999;
			line-height: 20px; padding: 6px 20px;
		}
		.user_tab > li.active > a { color: inherit; }

		.usinf { list-style: none; padding: 0; margin: 0; } 
		.usinf > li { padding: 12px 0; border-top: 1px solid #eceded; }
		.usinf > li:first-child { border-top-width: 0; }

		.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
		.ui-c1 { width: 30%; margin-right: 5%; }
		.ui-c2 { width: 60%; }

	/* Окно пользователя */
	.dle-popup-userprofile .ui-dialog-content { padding: 0; }
		.popup_userinfo_top { background-color: #f4f6f7; padding: 5px; text-align: center; }
		.popup_userinfo_top .avatar { vertical-align: top; border-radius: 50%; border: 1px solid #1a1a1a; }
		.popup_userinfo_top .avatar .cover {
			display: block;
			width: 80px; height: 80px;
			border: 6px solid #fff;
		}
		.popup_userinfo.useronline .avatar { border-color: #95c00e; }
		.popup_userinfo > ul { list-style: none; padding: 0; margin: 0; }

		.popup_userinfo .usinf { padding: 0px 20px; font-size: .9em; }

/* --- Статистика --- */
.stats_head > ul { list-style: none; padding: 0; margin: 0; font-size: 1.1em; }
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #ee2a4f;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #ffb027; }
	.stats_head > ul > li.stats_w:before { background-color: #ff5a3a; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Страница поиска --- */
.searchpage { border-bottom: 3px dotted #eceded; padding-bottom: 50px; margin-bottom: 0; }
	.search_head_line .head { margin-bottom: .8em; }
	.search_result_num { font-size: .9em; margin: 25px 0 0; }
	.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
	#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
		#searchtable td.search br { display: none; }
		td.search .bbcodes { margin: 0 !important; }
		td.search { vertical-align: top; }

/* --- Оптимизация для разрешений меньше 980 px --- */
@media only screen and (max-width: 980px) {
	/* Модификация сортировки и хлебных крошек */
	.tools .grid_last, .tools #toptags { display: none; }
	.tools .grid_3_4 { width: auto; float: none; margin-right: 0; }

	/* Footer */
	.foot .grid_1_2 { width: 74%; }

	/* Счетчики */
	.counters { float: none; clear: both; padding-top: 10px; }
		.counters > li:first-child { margin-left: 0; }
		.counters > li:hover { opacity: 1; }
}

/* --- Оптимизация для разрешений меньше 860 px --- */
@media only screen and (max-width: 999px) {
	/* Шапка и меню */
	.headpic.fixed { background-attachment: scroll; }
	.headpic > .wrp { padding: 70px 0 0 0; }
	.logotype {
		float: none;
		padding: 0 0 0 20px; margin: 0 auto;
		height: 70px;
		width: 100px;
		line-height:70px;
		text-align: center;
	}
	.logotype img {height: 38px;}
	.logotype-img {vertical-align:middle; margin: 0 auto;}
	.topbar {
		position: absolute;
		left: 0; top: 0;
		background: #fff;
		width: 100%; height: 70px;
		border-bottom: 1px solid #eceded;
	}
		/* Поиск */
		.topbar #search {
			display: none;
		}
		.h_btn {
			width: 70px; height: 70px;
			padding: 0;
		}
		.h_btn:after {
			width: 100%; height: 70px;
			border-radius: 0;
			margin-top: -70px;
		}

	/* Авторизация */
	.login > .avatar {
		padding: 3px;
		border: 1px solid #444;
	}
		ul.login_form, .soc_links, .login_form_links {
			vertical-align: top;
			display: inline-block;
			float: none;
		}
		#loginpane {
			overflow-y: hidden;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#loginpane > .wrp { white-space: nowrap; min-width: 960px; }

	/* Меню */
	.mainmenu_open, .mainmenu_open body, .mainmenu_open .page {
		width: 100%; height: 100%;
		overflow: hidden;
	}
	#mainmenu { float: right; }
		#topmenu {
			position: fixed;
			left: 0; top: 0; bottom: 0;
			width: 80%; height: 100%;
			background-color: #444;
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			z-index: 99;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			color: #fff;
			-webkit-transform: translate(-100%, 0);
			transform: translate(-100%, 0);
			opacity: 0; visibility: hidden;
		}
		.mainmenu_open #topmenu {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			opacity: 1; visibility: visible;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease; 
		}
		#topmenu a { color: #fff; display: block; }
		#topmenu ul {
			list-style: none;
			padding: 0; margin: 0;
		}
		#topmenu > ul { padding: 15px 0; }
		#topmenu > ul > li > a {
			padding: 15px 30px;
			font-size: 1.1em;
			text-decoration: none !important;
		}
		#topmenu ul ul > li > a {
			padding: 6px 30px 6px 48px;
			opacity: .8;
			text-decoration: none !important;
			position: relative;
		}
		#topmenu > ul > li > a:hover, #topmenu ul ul > li > a:hover { opacity: 1; background-color: #06a8f2; }
		#topmenu ul ul > li > a:before {
			content: "";
			float: left;
			margin: .7em 0 0 -18px;
			width: 6px; height: 1px;
			background-color: #fff;
			opacity: .8;
		}

		#topmenu .icon-arrow_down { display: none; }

		/* Отключаем блок архивов */
		.block_archives { display: none; }

	/* Закрытие меню */
	#closemenu {
		position: fixed;
		top: 0; right: 0;
		overflow: hidden;
		height: 100%; width: 100%;
		cursor: pointer;
		z-index: 98;
	}
		.mainmenu_open #closemenu { display: block; }
		#closemenu:after {
			content: "";
			display: block;
			width: 100%; height: 100%;
			background-color: #353c4c;
			opacity: .54;
		}
		#closemenu * { cursor: pointer; }
		#closemenu > span {
			z-index: 1;
			position: absolute; 
			right: 0; top: 0;
			width: 20%; height: 100%;
			display: -webkit-flex;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#closemenu .icon { fill: #fff; }

	/* Комментарии */
	.addcomments_form .grid_3_4, .addcomments_form .grid_1_4 { float: none; margin: 0; width: auto; }
		.addcomments_form .grid_1_4 { margin-bottom: 20px; }

		.comment { margin-bottom: 30px; }
		.comment, .comments-tree-list .comments-tree-list { padding-left: 100px; }
		.comment .avatar { margin-left: -100px; }
		.com_decor { display: none; }
}
/* --- Оптимизация для разрешений меньше 800 px --- */
@media only screen and (max-width: 800px) {

	h1, .h1 { font-size: 1.6em; }
	h2, .h2 { font-size: 1.4em; }
	h3, .h3 { font-size: 1.3em; }
	h4, .h4 { font-size: 1.2em; }
	h5, .h5 { font-size: 1.1em; }

	/* Настройка основной типографии */
	body, select, input, textarea, button {
		font-size: 14px;
	}

	/* Опросы */
	.vtitle { margin-left: 145px; }

	/* Оступы */
	.story, .block, #footer { padding: 30px 0; }

	/* Добавить комментарий */
	.addcomments_form:after,
		.addcomments_form:before {
			content: "";
			position: absolute;
			top: 100%; left: 50%;
			margin-left: -9px;
			border: solid transparent;
			border-top-color: #06a8f2;
			border-width: 18px 18px 0 0;
		}
		.addcomments_form:after { margin: -2px 0 0 -8px; border-top-color: #fff; }

	/* Комментарии */
	.comment, .comments-tree-list .comments-tree-list { padding-left: 60px; }
	.comment .avatar { padding: 3px; margin-left: -60px; }
	.comment .avatar .cover, .comment .avatar { width: 32px; height: 32px; }
	.com_decor { display: none; }

	/* Постраничная навигация */
	.navigation, .navigation > .wrp { padding: 0; }
		.navigation > .wrp > .icon { display: none; }
		.vopros-nav { padding:0 !important;}
		.pages {
			padding: 20px 0;
			float: none;
			padding-left: 0;
			overflow-x: auto;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
		}
		.pages > *:first-child { margin-left: 20px; }
		.pages > *:last-child { margin-right: 20px; }
		.page_next-prev { float: none; display: block; padding: 0; margin: 0; }
		.page_next-prev:after { clear: both; display: block; content: ""; }
		.page_next-prev > * { float: left; width: 50%; }
		.page_next-prev > *:last-child { text-align: right; }
		.page_next-prev > span > * { display: block; padding: 10px 20px; }
}

/* --- Оптимизация для разрешений меньше 700 px --- */
@media only screen and (max-width: 700px) {
	h1, .h1 { font-size: 1.5em; }
	h2, .h2 { font-size: 1.4em; }
	h3, .h3 { font-size: 1.3em; }
	h4, .h4 { font-size: 1.2em; }
	h5, .h5 { font-size: 1.1em; }

	/* Настройка основной типографии */
	body, select, input, textarea, button {
		font-size: 14px;
	}


	#tools, .foot_menu, .foot, .droptopbar, .com_info, .com_tools,
	.vote_line_form .dropdown .dropdown-form .vote_list { font-size: 1em; }

	/* Модификация авторизации */
	#loginpane > .wrp { min-width: 0; }
		ul.login_form, .soc_links, .login_form_links {
			display: block;
			margin-right: 0;
			margin-left: 0;
		}
		.login_form > li { float: none; width: auto; }

		.login_form > li > input, .login_form > li > .btn {
			border-left-width: 0;
			border-top: 1px solid #383e42;
		}
		.login_form > li:first-child > input { border-top-width: 0; }
		.login_form > li > .btn { width: 100%; color: #06a8f2 !important; }

			.loginf_open #loginpane { margin-top: -220px; }
			ul.login_form { margin-top: 20px; }
			.loginf_open #loginpane, .loginf_open .page:before { height: 220px; }
			#loginpane .soc_links, .login_form_links { text-align: center; }
			.login_form_links > a:first-child { margin-left: 0; } 

			#loginpane .name, #loginpane .login_menu, .loggedpane .login_form_links { display: inline; float: none; }
			.loggedpane > .wrp { padding-top: 20px; }
			.loggedpane .login_form_links { padding-right: 20px; }

	/* Модификация шапки */
	.head_text { padding: 20% 0 22% 0; }
		.head_text_in > .title { font-size: 2.1em; }
		.head_text_in > .text { font-size: 1.2em; }

	/* Модификация сортировки и хлебных крошек */
	.tools {
		height: 49px;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
		#sort, #breadcrumbs { padding: 0 0; display: inline-block; line-height: 50px;}
		#sort > .icon, #breadcrumbs > .icon { display: none; }
		.tools .grid_3_4, .tools .speedbar { display: inline; padding-right: 20px; }

	/* Контакты */
	.feedback .grid_1_4 { margin-bottom: 20px; }
	.map_resp { padding-top: 60%; }

	/* Новости */
	.story, .block { padding: 0 0; }
		.block_wr { padding: 20px 0; }
		.block_wcom { padding: 20px 0; }
		.story_info { float: none; font-size: 1em; }
		.story_icons { position: relative; float: right; }
		.story.lefticons .title { padding-left: 0; }
		.story.lefticons .text { margin-left: 0; }
		.poll_block { margin: 20px 0; }
		.meta_date { display: none; }

		.storyinfo_link { margin-bottom: 0; }
		.storyinfo_box { padding-top: 20px; }

		.story_cont { margin-top: 20px; }

		.story .head { margin-bottom: 10px; }
		.story .head .title { margin-top: 0; }

	/* Комментарии */
	.comment { margin-bottom: 25px; }
		.comments-tree-list, .comment { padding-right: 0; }
		.comment, .comments-tree-list .comments-tree-list .comment { padding-left: 0; }
		.comments-tree-list .comments-tree-list,
		.comments-tree-list .comments-tree-list .comments-tree-list { padding-left: 23px; }
		.comment .grid_1_4 { position: static; float: left; }
		.comment .avatar .cover, .comment .avatar { width: 23px !important; height: 23px !important; }
		.comment .avatar { margin: 0 !important; padding: 2px !important; }
		.com_content { clear: both; padding-top: 10px; }
		.comment .rate { margin-left: 10px; }
		.comment .rate_stars { margin: 6px 0 0 0; }

	/* Footer */
	#footer { padding: 20px 0 0 0; }
		.ca { float: none; display: block; margin-top: 20px; }
		.counters {
			background-color: #f8f8f8;
			float: none;
			text-align: center;
			margin: 20px -20px 0 -20px;
			padding: 15px 0;
		}
		.counters > li:first-child { margin-left: 0; }
		.counters > li {
			float: none;
			display: inline-block;
			margin-left: 2px;
		}

	/* Footer */
	.foot .grid_1_2 { width: auto; }

	/* Меню снизу */
	.foot_menu { margin: 0 0 20px 0; padding: 0 0; }
		.foot_menu > li { float: none; width: auto; padding: 0; }
		.foot_menu > li:first-child > b { border-top-width: 0; }
		.foot_menu > li > b {
			cursor: pointer;
			margin: 0; padding: 5px 0 5px 32px;
			color: #06a8f2;
		}
		.foot_menu > li > b.collapsed { color: #caced1; }
		.foot_menu > li > b i {
			display: block;
			float: left;
			width: 13px; height: 1px;
			position: relative;
			margin: 9px 0 5px -32px;
			background-color: #06a8f2;
			border-radius: 2px;
		}
		.foot_menu > li > b.collapsed i, .foot_menu > li > b.collapsed i:after { background-color: #06a8f2; }
		.foot_menu > li > b.collapsed i:after {
			content: "";
			display: block;
			margin: -6px auto 0 auto;
			height: 13px; width: 1px;
			border-radius: 2px;
		}
		.foot_menu > li .collapse { display: none; }
		.foot_menu > li .collapse.in { display: block; }
		.foot_menu > li nav { padding: 10px 32px; padding-top: 0; }

	/* Настройка блоков */
	.block_title { margin-bottom: 1em; }
		.col_news .grid_list .grid_1_4 { margin-top: 20px; }
		.col_news .grid_list > div > a .title { margin-bottom: .5em; }
		.col_news .grid_list > div > a { padding: 0; width: 90%; }

	/* Опросы */
	.vote_line { text-align: center; }
		.vote_line_title {
			display: inline-block;
			font-size: 1.2em;
			color: #fff;
			background-color: #444;
			padding: 10px 10px;
			margin-top: 0;
			position: relative;
			width: 80px;
			text-align: center;
		}
		.vote_line_title:after {
			content: "";
			position: absolute;
			left: 0; top: 100%;
			border: solid transparent;
			border-top-color: #444;
			border-width: 5px 50px 0 50px;
		}
		.vtitle { margin-left: 0; font-weight: bold; color: #fff; }
		.vote_line_title .vote_icon, .vote_line_form .dropdown > .btn { display: none; }
		.vote_line_form .dropdown .dropdown-form {
			position: static;
			margin: 0 auto;
			display: block;
			text-align: left;
		}
		.more_votes { display: block; }

	/* Оптимизация BB редактора */
	.bb-pane {
		width: 100%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
		#comment-editor .bb-editor textarea { height: 240px; }
		.bb-btn { float: none; display: inline-block; margin-left: -.3em !important; }

		.mass_comments_action { margin-top: 20px; }
		.comments_box_in .mass_comments_action { margin-top: 20px; padding-top: 0; }

	/* Персональные сообщения */
	.pm_status { padding: 20px; }

		#pm-menu {
			white-space: nowrap;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#pm-menu > a {
			display: inline-block;
			float: none;
			padding: 10px 20px;
		}

		.pmlist {
			width: 100%;
			margin: 0 -20px;
			padding: 0 20px;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		.pmlist > form { min-width: 800px; padding-right: 20px; }

	/* Статистика */
	.stats_head > ul { font-size: 1em; margin-bottom: 20px; }
		.block_table_top_users { padding: 0; margin-top: 40px; }
		.block_table_top_users > .title { padding: 0 20px; }

		.table_top_users { 
			padding-bottom: 20px;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		.table_top_users > table { width: 800px; }

	/* Форма */
	.form_submit .c-capcha { float: none; margin-bottom: 20px; }
		.form_submit .c-capcha { padding-left: 100px; position: relative; }
		.form_submit .c-capcha img { position: absolute; left: 0; }
		.form_submit .c-capcha input { width: 100%; }

	/* Поиск по сайту */
	#dofullsearch { display: none; }

	/* Полная новость */
	#add_news_preview { display: none; }

	/* Всплывающие окна */
	.ui-dialog { width: auto !important; left: 10px !important; right: 10px; } 
	.ui-dialog-buttonset > .ui-button { margin: 2px; }

	/* Страница пользователя */
	.userinfo_top { text-align: center; }
		.userinfo_top .avatar { float: none; margin: 0 0 20px 0; }

		.ui-c1, .ui-c2 { display: block; width: auto; margin-right: 0; }

		.user_tab { font-size: .9em; } 
		.user_tab > li > a { padding: 4px 10px; }

}
@media only screen and (max-width: 600px) {
	.mejs-container { max-width: 100%; }
	.story video { max-width: 100%; }
	.story iframe { max-width: 100%; }
	.mass_comments_action > select, .mass_comments_action > input { display: block; width: 100%; margin: 0; }
	.mass_comments_action > select { margin: 5px 0; }
}
@media only screen and (max-width: 520px) {  
	.head_text_in > .title { font-size: 1.6em; }
	.head_text_in > .text { font-size: 1em; }

	.com_tools_links > a > span { display: none; }
}
@media only screen and (max-device-width: 480px) {
	body { -webkit-text-size-adjust: 100%; }               
}

@media only screen and (min-width: 870px) {
.main_set_offer {float: left; width: 100%; margin: 30px 0 0 0;}    
	.main_set_big {display: flex;}
	.main_set_big_block {background: #fff url(../images/bg_main.svg) bottom right; background-repeat: no-repeat; flex-basis:50%;  min-height: 200px; flex-direction: column; box-sizing: border-box; margin-right: 5px; margin-bottom: 5px;}
	.main_set_big_block_2 {background: #fff url(../images/bg_main_2.svg) bottom right; background-repeat: no-repeat; flex-basis:50%;  min-height: 200px; flex-direction: column; box-sizing: border-box; margin-left: 5px; margin-bottom: 5px;}
	.main_set_big_block_2:hover, .main_set_big_block:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
	.main_set_big_block_2 a, .main_set_big_block a {color:#444; float:left; height:100%; width: 100%; padding: 30px 40px;box-sizing: border-box;}  
	.main_set_big_block_2 a:hover, .main_set_big_block a:hover {text-decoration: none; color:#06a8f2;}
	.main_set_big_block_2 .title, .main_set_big_block .title {font-weight: 900; font-size: 26px; flex-direction: column;  justify-content: center; flex-basis:100%;}
	.main_set_big_block .title h1 {font-weight: 900; font-size: 26px; margin: 0; padding:0;}
	.main_set_big_block_2 .opis, .main_set_big_block .opis { font-size: 16px; justify-content: center; flex-basis:100%; color: #979797; padding: 20px 0;}
	.mini-link:nth-child(1){ font-weight: 700; } 
	.mini-link:nth-child(2){ font-weight: 700; }
	.mini-link:nth-child(3){ font-weight: 700; }
.block-mini {display: flex; }
	.block-mini-col {flex-basis:33.3333%; flex-direction: column; display: flex; box-sizing: border-box; margin-top: 5px;}
	.block-mini-col:nth-child(1) {margin-right: 5px;}
	.block-mini-col:nth-child(2) {margin-right: 5px; margin-left: 5px;}
	.block-mini-col:nth-child(3) {margin-left: 5px;}
	.block-mini-col a{color: #333438;}
	.block-mini-col a:hover {color: #06a8f2; text-decoration: none;}
	.block-mini-col:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
	.mini {display: flex; background: #fff;}
	.mini-left {flex-basis:90%;flex-direction: column; justify-content: center; display: flex; width:100%; padding: 15px 0 15px 30px;}
	.mini-right {flex-basis:50px;flex-direction: column; justify-content: center; display: flex; text-align: right;}
	.mini-right img{height: 50px; float:right; padding-right: 30px;}
	.mini-title {flex-basis:100%;align-items: center; display: flex; padding: 10px 0; font-weight:600; font-size: 18px;}
	.mini-predl {flex-basis:100%;align-items: center; display: flex; padding: 0 0 10px 0; color: #979797; font-size: 14px;}
}
@media only screen and (max-width: 869px) {
.main_set_offer {float: left; width: 100%; margin: 0px 0;}    
	.main_set_big {float: left; width: 100%;}
	.main_set_big_block {background: #fff url(../images/bg_main.svg) bottom right; background-repeat: no-repeat; float: left; width: 100%;  min-height: 150px; box-sizing: border-box; margin: 1px 0;}
	.main_set_big_block_2 {background: #fff url(../images/bg_main_2.svg) bottom right; background-repeat: no-repeat; float: left; width: 100%;  min-height: 150px;  box-sizing: border-box; margin: 1px 0;}
	.main_set_big_block_2:hover, .main_set_big_block:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
	.main_set_big_block_2 a, .main_set_big_block a {color:#444; float:left; height:100%; width: 100%; padding: 20px 20px; box-sizing: border-box;}  
	.main_set_big_block_2 a:hover, .main_set_big_block a:hover {text-decoration: none; color:#06a8f2;}
	.main_set_big_block_2 .title, .main_set_big_block .title {font-weight: 900; font-size: 22px; flex-direction: column;  justify-content: center; flex-basis:100%;}
	.main_set_big_block .title h1 {font-weight: 900; font-size: 22px; margin: 0; padding:0;}
	.main_set_big_block_2 .opis, .main_set_big_block .opis { font-size: 14px; justify-content: center; flex-basis:100%; color: #979797; padding: 10px 0;}

.block-mini {float: left; width: 100%; }
	.block-mini-col {float: left; width: 100%; box-sizing: border-box; margin:1px 0;}
	.block-mini-col a{color: #333438;}
	.block-mini-col a:hover {color: #06a8f2; text-decoration: none;}
	.block-mini-col:hover {box-shadow:0 1px 9.94px 4px rgba(0,0,0,.2); transition: all 300ms ease-in-out; z-index: 1000;}
	.mini {display: flex; background: #fff;}
	.mini-left {flex-basis:90%;flex-direction: column; justify-content: center; display: flex; width:100%; padding: 10px 0 10px 20px;}
	.mini-right {flex-basis:50px;flex-direction: column; justify-content: center; display: flex; text-align: right;}
	.mini-right img{height: 50px; float:right; padding-right: 30px;}
	.mini-title {flex-basis:100%;align-items: center; display: flex; padding: 10px 0; font-weight:900; font-size: 18px;}
	.mini-predl {flex-basis:100%;align-items: center; display: flex; padding: 0 0 10px 0; color: #979797; font-size: 14px;}
}

@media only screen and (min-width: 1000px) {
.main-news {  display: flex; position: relative; overflow: hidden; justify-content: space-between;   background:#fff;  margin-top: 20px;}
	.main-news-left {align-items: stretch; flex-basis: 65%; float: left; height:100%; border-right: 1px solid #ebf0f1;}
	.main-news-right { align-items: stretch; flex-basis: 35%;  height:100%; }
	.main-news-all {background: #fff; width: 100%; height:50px; text-align: center; line-height: 50px; float: left; border-top: 1px solid #ebf0f1;}
	.main-news-all a {font-size: 14px; color:#444; width: 100%; line-height: 50px; float: left; }
	.main-news-all a:hover { background: #06a8f2; color:#fff; text-decoration: none;}
	.mini-news-all {background: #fff; width: 35%; position:absolute; bottom: 0; right: 0; height:50px; text-align: center; line-height: 50px; float: left; border-top: 1px solid #ebf0f1;}
	.mini-news-all a {font-size: 14px; color:#444; width: 100%; line-height: 50px; float: left; }
	.mini-news-all a:hover { background: #06a8f2; color:#fff; text-decoration: none;}
	.main-news-wrap	{padding: 30px 30px 0 30px;}
	.main-news-tit-mini {font-size: 20px; border-bottom: 1px solid #ebf0f1; padding-bottom: 15px; font-weight: 600;}
	.main-news-tit {font-size: 20px; border-bottom: 1px solid #ebf0f1; padding-bottom: 0px; float: left; width: 100%; font-weight: 600;}
	.main-news-tit span { border-bottom: 2px solid #10d54c; padding-bottom: 13px; float: left; }
	.main-news-tit a{font-size: 14px; padding-top: 4px; color:#444; float:right; border-bottom: 3px solid #fff; font-weight: 400; padding-bottom: 12px; }
	.main-news-tit a:hover{ float:right; text-decoration: none; color:#10d54c; opacity: 0.8;}
	.content-main {float: left; padding: 20px 0 0 0;}
	.content-main-mini { float: left;width: 100%;}

.mini-link {float: left; padding: 15px 0; border-bottom: 1px solid #ebf0f1;}
	.mini-link:nth-child(1){ font-weight: 700; } 
	.mini-link:nth-child(2){ font-weight: 700; }
	.mini-link:nth-child(3){ font-weight: 700; }
	.mini-link i {color: #08d948;}
	.mini-link img {height: 15px; width: 15px;}
	.mini-link a{font-size: 14px; line-height: 20px; color:#444;}
	.mini-link a:hover{ text-decoration: none; color: #06a8f2;}
	.mini-link span {color:#aaaaaa;  padding-right: 5px; font-size: 12px;  font-weight: 400;}

.mini-news {float: left; padding: 0px 40px 20px 0; height:100%;position: absolute; overflow: auto;}
	.big-short {float: left; width: 100%; height: 100%; border-bottom: 1px solid #ebf0f1;}
	.big-short-img {float: left; width: 100%;}
	.big-short-img img{width: 100%;}
	.big-short-img img:hover{opacity: 0.8;}
	.big-short-news {float: left; width: 100%;}
	.big-short-news-tit {font-size: 28px; line-height: 32px; font-weight:600; float: left; text-rendering: optimizeLegibility; width: 100%; padding: 15px 0;}
	.big-short-news-tit a{color:#444;}
	.big-short-news-tit a:hover{color:#06a8f2; text-decoration: none;}
	.big-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 14px; padding-bottom: 30px;}
	.big-short-news-cat a{color:#aaaaaa; float: left; font-size: 14px; padding-right: 10px;}
	.big-short-news-cat a:hover{color: #06a8f2; text-decoration: none;}
	.big-short-news-cat span{color:#aaaaaa; float: left; font-size: 14px; padding-right: 15px;}
	.big-short-news-icon {width: 17px; height:17px; float:left; padding-right: 5px;}

.mini-short {float: left; width: 50%;  box-sizing: border-box; height: 100%; border-bottom: 1px solid #ebf0f1; margin-top: 30px; padding: 0 20px 0 20px}
	.mini-short:nth-child(1n){ padding-left: 0; }
	.mini-short:nth-child(2n){ padding-right: 0; padding-left: 20px;}
	.mini-short-img {width: 100%; height: 13vw; position: relative;  overflow: hidden; top: 0px; left: 0px;}
	.mini-short-img-inner {height: 150%; width: 150%; position: absolute;left: -25%; top: -25%;text-align: center;}
	.mini-short-img img{ display: block; position: absolute; width: 100%; height: auto; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
	.mini-short-img img:hover{opacity: 0.8;}
	.mini-short-news {float: left; width: 100%;}
	.mini-short-news-tit {font-size: 20px; line-height: 24px; height: 66px; overflow: hidden; float: left; text-rendering: optimizeLegibility; font-weight:600; width: 100%; padding: 10px 0;}
	.mini-short-news-tit a{color:#444;}
	.mini-short-news-tit a:hover{color:#06a8f2; text-decoration: none;}
	.mini-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 12px; padding-bottom: 20px; padding-top: 5px; overflow: hidden; height: 20px;}
	.mini-short-news-cat a{color:#aaaaaa; font-size: 12px; padding-right: 5px;}
	.mini-short-news-cat a:hover{color: #06a8f2; text-decoration: none;}
	.mini-short-news-cat span{color:#aaaaaa; float: left; font-size: 12px; padding-right: 15px;}
	.mini-short-news-icon {width: 14px; height:14px; float:left; padding-right: 5px;}
}
@media screen and (min-width: 500px) and (max-width: 999px) { 

.main-news { float: left; width: 100%; overflow: hidden;  background:#fff;  margin-top: 20px;}
	.main-news-left {float: left; width: 100%;}
	.main-news-right { display:none; }
	.main-news-all {background: #fff; width: 100%; height:50px; text-align: center; line-height: 50px; float: left; border-top: 1px solid #ebf0f1;}
	.main-news-all a {font-size: 14px; color:#444; width: 100%; line-height: 50px; float: left; }
	.main-news-all a:hover { background: #06a8f2; color:#fff; text-decoration: none;}
	.mini-news-all {background: #fff; width: 35%; position:absolute; bottom: 0; right: 0; height:50px; text-align: center; line-height: 50px; float: left; border-top: 1px solid #ebf0f1;}
	.mini-news-all a {font-size: 14px; color:#444; width: 100%; line-height: 50px; float: left; }
	.mini-news-all a:hover { background: #06a8f2; color:#fff; text-decoration: none;}
	.main-news-wrap	{padding: 30px 30px 0 30px;}
	.main-news-tit-mini {font-size: 20px; border-bottom: 1px solid #ebf0f1; padding-bottom: 15px; font-weight: 600;}
	.main-news-tit {font-size: 20px; border-bottom: 1px solid #ebf0f1; padding-bottom: 0px; float: left; width: 100%; font-weight: 600;}
	.main-news-tit span { border-bottom: 2px solid #10d54c; padding-bottom: 13px; float: left; }
	.main-news-tit a{font-size: 14px; padding-top: 4px; color:#444; float:right; border-bottom: 3px solid #fff; font-weight: 400; padding-bottom: 12px; }
	.main-news-tit a:hover{ float:right; text-decoration: none; color:#10d54c; opacity: 0.8;}
	.content-main {float: left; padding: 20px 0 0 0;}
	.content-main-mini { float: left;width: 100%;}

.mini-link {float: left; padding: 15px 0; border-bottom: 1px solid #ebf0f1;}
	.mini-link:nth-child(1){ font-weight: 700; } 
	.mini-link:nth-child(2){ font-weight: 700; }
	.mini-link:nth-child(3){ font-weight: 700; }
	.mini-link i {color: #08d948;}
	.mini-link img {height: 15px; width: 15px;}
	.mini-link a{font-size: 14px; line-height: 20px; color:#444;}
	.mini-link a:hover{ text-decoration: none; color: #06a8f2;}
	.mini-link span {color:#aaaaaa;  padding-right: 5px; font-size: 12px;  font-weight: 400;}

.mini-news {float: left; padding: 0px 40px 20px 0; height:100%;position: absolute; overflow: auto;}
	.big-short {float: left; width: 100%; height: 100%; border-bottom: 1px solid #ebf0f1;}
	.big-short-img {float: left; width: 100%;}
	.big-short-img img{width: 100%;}
	.big-short-img img:hover{opacity: 0.8;}
	.big-short-news {float: left; width: 100%;}
	.big-short-news-tit {font-size: 28px; line-height: 32px; font-weight:600; float: left; text-rendering: optimizeLegibility; width: 100%; padding: 15px 0;}
	.big-short-news-tit a{color:#444;}
	.big-short-news-tit a:hover{color:#06a8f2; text-decoration: none;}
	.big-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 14px; padding-bottom: 30px;}
	.big-short-news-cat a{color:#aaaaaa; float: left; font-size: 14px; padding-right: 10px;}
	.big-short-news-cat a:hover{color: #06a8f2; text-decoration: none;}
	.big-short-news-cat span{color:#aaaaaa; float: left; font-size: 14px; padding-right: 15px;}
	.big-short-news-icon {width: 17px; height:17px; float:left; padding-right: 5px;}

.mini-short {float: left; width: 50%;  box-sizing: border-box; height: 100%; border-bottom: 1px solid #ebf0f1; margin-top: 30px; padding: 0 20px 0 20px}
	.mini-short:nth-child(1n){ padding-left: 0; }
	.mini-short:nth-child(2n){ padding-right: 0; padding-left: 20px;}
	.mini-short-img {width: 100%; height: 20vw; position: relative;  overflow: hidden; top: 0px; left: 0px;}
	.mini-short-img-inner {height: 150%; width: 150%; position: absolute;left: -25%; top: -25%;text-align: center;}
	.mini-short-img img{ display: block; position: absolute; width: 100%; height: auto; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
	.mini-short-img img:hover{opacity: 0.8;}
	.mini-short-news {float: left; width: 100%;}
	.mini-short-news-tit {font-size: 20px; line-height: 24px; height: 66px; overflow: hidden; float: left; text-rendering: optimizeLegibility; font-weight:600; width: 100%; padding: 10px 0;}
	.mini-short-news-tit a{color:#444;}
	.mini-short-news-tit a:hover{color:#06a8f2; text-decoration: none;}
	.mini-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 12px; padding-bottom: 20px; padding-top: 5px; overflow: hidden; height: 20px}
	.mini-short-news-cat a{color:#aaaaaa; font-size: 12px; padding-right: 10px;}
	.mini-short-news-cat a:hover{color: #06a8f2; text-decoration: none;}
	.mini-short-news-cat span{color:#aaaaaa; float: left; font-size: 12px; padding-right: 15px;}
	.mini-short-news-icon {width: 14px; height:14px; float:left; padding-right: 5px;}

}	

@media only screen and (max-width: 499px) {

.main-news { float: left; width: 100%; overflow: hidden;  margin-top: 20px;}
	.main-news-left {float: left; width: 100%; background:#fff;}
	.main-news-right { margin-top: 20px; width: 100%;  height:100%; float: left;   background:#fff;}
	.main-news-all {background: #fff; width: 100%; height:50px; text-align: center; line-height: 50px; float: left; border-top: 1px solid #ebf0f1;}
	.main-news-all a {font-size: 14px; color:#444; width: 100%; line-height: 50px; float: left; }
	.main-news-all a:hover { background: #06a8f2; color:#fff; text-decoration: none;}
	.mini-news-all {background: #fff; width: 100%;  height:50px; text-align: center; line-height: 50px; float: left; border-top: 1px solid #ebf0f1;}
	.mini-news-all a {font-size: 14px; color:#444; width: 100%; line-height: 50px; float: left; }
	.mini-news-all a:hover { background: #06a8f2; color:#fff; text-decoration: none;}
	.main-news-wrap	{padding: 30px 20px 0 20px;}
	.main-news-tit-mini {font-size: 20px; border-bottom: 1px solid #ebf0f1; padding: 20px 20px 15px 20px; font-weight: 600;}
	.main-news-tit {font-size: 20px; border-bottom: 1px solid #ebf0f1; padding-bottom: 0px; float: left; width: 100%; font-weight: 600;}
	.main-news-tit span { border-bottom: 2px solid #10d54c; padding-bottom: 13px; float: left; }
	.main-news-tit a{font-size: 14px; padding-top: 4px; color:#444; float:right; border-bottom: 3px solid #fff; font-weight: 400; padding-bottom: 12px; }
	.main-news-tit a:hover{ float:right; text-decoration: none; color:#10d54c; opacity: 0.8;}
	.content-main {float: left; padding: 20px 0 0 0;}
	.content-main-mini { float: left;width: 100%;}

.mini-link {float: left; padding: 15px 0; border-bottom: 1px solid #ebf0f1;}
	.mini-link:nth-child(1){ font-weight: 700; } 
	.mini-link:nth-child(2){ font-weight: 700; }
	.mini-link:nth-child(3){ font-weight: 700; }
	.mini-link i {color: #08d948;}
	.mini-link img {height: 15px; width: 15px;}
	.mini-link a{font-size: 14px; line-height: 20px; color:#444;}
	.mini-link a:hover{ text-decoration: none; color: #06a8f2;}
	.mini-link span {color:#aaaaaa;  padding-right: 5px; font-size: 12px;  font-weight: 400;}

.mini-news {float: left; padding:  0 20px; height:300px; overflow: auto;}
	.big-short {float: left; width: 100%; height: 100%; border-bottom: 1px solid #ebf0f1;}
	.big-short-img {float: left; width: 100%;}
	.big-short-img img{width: 100%;}
	.big-short-img img:hover{opacity: 0.8;}
	.big-short-news {float: left; width: 100%;}
	.big-short-news-tit {font-size: 20px; line-height: 24px; font-weight:600; float: left; text-rendering: optimizeLegibility; width: 100%; padding: 15px 0;}
	.big-short-news-tit a{color:#444;}
	.big-short-news-tit a:hover{color:#06a8f2; text-decoration: none;}
	.big-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 14px; padding-bottom: 20px;}
	.big-short-news-cat a{color:#aaaaaa; float: left; font-size: 12px; padding-right: 10px;}
	.big-short-news-cat a:hover{color: #06a8f2; text-decoration: none;}
	.big-short-news-cat span{color:#aaaaaa; float: left; font-size: 12px; padding-right: 10px;}
	.big-short-news-icon {width: 14px; height:14px; float:left; padding-right: 5px;}

.mini-short {float: left; width: 100%;  box-sizing: border-box; height: 100%; border-bottom: 1px solid #ebf0f1; margin-top: 10px;}
	.mini-short-img {width: 30%; height: 20vw; position: relative;  overflow: hidden; top: 0px; left: 0px; float: left; margin-bottom: 20px;}
	.mini-short-img-inner {height: 150%; width: 150%; position: absolute;left: -25%; top: -25%;text-align: center;}
	.mini-short-img img{ display: block; position: absolute; width: 100%; height: auto; left: 0; top: 0; bottom: 0; right: 0;  margin: auto;}
	.mini-short-img img:hover{opacity: 0.8;}
	.mini-short-news {float: left; width: 70%; padding-left: 20px;  box-sizing: border-box;}
	.mini-short-news-tit {font-size: 14px; line-height: 18px; float: left; text-rendering: optimizeLegibility; font-weight:600; width: 100%; padding: 0 0 10px 0;}
	.mini-short-news-tit a{color:#444;}
	.mini-short-news-tit a:hover{color:#06a8f2; text-decoration: none;}
	.mini-short-news-cat {color:#aaaaaa; float: left; width: 100%; font-size: 12px; padding-bottom: 10px; padding-top: 5px;}
	.mini-short-news-cat a{color:#aaaaaa; font-size: 10px; padding-right: 5px;}
	.mini-short-news-cat a:hover{color: #06a8f2; text-decoration: none;}
	.mini-short-news-cat span{color:#aaaaaa; float: left; font-size: 10px; padding-right: 10px;}
	.mini-short-news-icon {width: 10px; height:10px; float:left; padding-right: 5px;}	
	
}

@media only screen and (min-width: 700px) {
.main-rate {display: flex; position: relative;  width: 100%; margin-top: 20px;}
.main-rate-bank {flex-basis:50%; flex-direction: column; display: flex; background: #fff; margin-right: 10px;}
.main-rate-mfo {flex-basis:50%; flex-direction: column; display: flex; background: #fff; margin-left: 10px;}
.main-rate-title {padding: 0 30px; width: 100%; line-height: 50px; float: left; margin-top: 10px; box-sizing: border-box;}
.main-rate-title-left h2{font-size: 20px;  float: left; font-weight: 600; margin-top: 20px;}
.main-rate-bank ol, .main-rate-mfo ol { counter-reset: section; font-size: 14px; float: left; width: 100%; margin:0; box-sizing: border-box; padding: 0 30px 20px 30px;}
.main-rate-list {float: left; width: 100%; box-sizing: border-box; padding: 0 30px; }
.main-rate-offer {display: flex; border-bottom: 1px solid #caced1; margin-bottom: 10px;}
.main-rate-offer-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 30px; font-size: 12px; color: #979797;}
.main-rate-offer-2 {flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #979797;}
.main-rate-offer-3 {flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #979797;} 
 
.main-rate-bank ol li, .main-rate-mfo ol li {display: flex; margin-left: 20px;  box-sizing: border-box; font-size: 14px; font-weight: 600; }
.main-rate-bank ol li:before, .main-rate-mfo ol li:before {counter-increment: section;content: counter(section) ".";  position: absolute; margin-left: -20px; margin-top: 10px;}

.rate-offers {display: flex;}
.rate-offers-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 40px; height: 40px;  overflow: hidden;}
.rate-offers-1 a{color: #333438; font-size: 14px; font-weight: 400;}
.rate-offers-1 a:hover{color: #06a8f2; text-decoration: none;}
.rate-offers-2 {font-weight: 400;flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height:40px; }
.rate-offers-3 {font-weight: 400; flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 20px; padding: 10px 0; color: #fff;} 
.rate-offers-3 .rt {float: left; background: #10d54c;}


.all-bank {line-height: 50px; border-top: 1px solid #ebf0f1; background: #fff; float: left; width: 100%;}
.all-bank a{color: #333438; text-align: center; float: left; width: 100%; font-size: 14px;}
.all-bank a:hover {color: #fff; background: #06a8f2; text-decoration: none;}
}
@media only screen and (max-width: 699px) { 
.main-rate {float: left; width: 100%;}
.main-rate-bank {float: left; width: 100%; background: #fff; margin-top: 20px;}
.main-rate-mfo {float: left; width: 100%; background: #fff;margin-top: 20px;}
.main-rate-title {padding: 0 20px; width: 100%; line-height: 50px; float: left; margin-top: 10px; box-sizing: border-box;}
.main-rate-title-left h2{font-size: 20px;  float: left; font-weight: 600; margin-top: 20px;}
.main-rate-bank ol, .main-rate-mfo ol {counter-reset: section; font-size: 14px; float: left; width: 100%; margin:0; box-sizing: border-box; padding: 0 20px 20px 20px;}
.main-rate-list {float: left; width: 100%; box-sizing: border-box; padding: 0 20px; }
.main-rate-offer {display: flex; border-bottom: 1px solid #caced1; margin-bottom: 20px;}
.main-rate-offer-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 30px; font-size: 12px; color: #979797;}
.main-rate-offer-2 {flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #979797;}
.main-rate-offer-3 {flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 30px; font-size: 12px; color: #979797;} 
 
.main-rate-bank ol li, .main-rate-mfo ol li {display: flex; margin-left: 20px;  box-sizing: border-box; font-size: 14px; font-weight: 600; }
.main-rate-bank ol li:before, .main-rate-mfo ol li:before {counter-increment: section;content: counter(section) ".";  position: absolute; margin-left: -20px; margin-top: 10px;}

.rate-offers {display: flex;}
.rate-offers-1 {flex-basis:90%; flex-direction: column; display: flex; line-height: 40px; height: 40px;  overflow: hidden;}
.rate-offers-1 a{color: #333438; font-size: 14px; font-weight: 400;}
.rate-offers-1 a:hover{color: #06a8f2; text-decoration: none;}
.rate-offers-2 {font-weight: 400;flex-basis:90px; padding-right: 10px; flex-direction: column; display: flex; text-align: center; line-height:40px; }
.rate-offers-3 {font-weight: 400; flex-basis:70px; flex-direction: column; display: flex; text-align: center; line-height: 20px; padding: 10px 0; color: #fff;} 
.rate-offers-3 .rt {float: left; background: #10d54c;}

.all-bank {line-height: 50px; border-top: 1px solid #ebf0f1; background: #fff; float: left; width: 100%;}
.all-bank a{color: #333438; text-align: center; float: left; width: 100%; font-size: 14px;}
.all-bank a:hover {color: #fff; background: #06a8f2; text-decoration: none;}	
}

@media only screen and (min-width: 1000px) {
.sait-info {float: left; width: 100%; margin: 20px 0 30px 0; background:#fff;}
.sait-info-title {font-size: 26px;  float: left; font-weight: 600; float: left; width: 100%; text-align: center; padding: 40px 0 20px 0;}
.info-block-wr {display: flex; position: relative;}
.info-block {flex-basis:25%; flex-direction: column; text-align: center; padding: 20px 30px; box-sizing: border-box; margin-bottom: 30px;}
.info-block-img {float: left; width: 100%;} 
.info-block-img img{max-width: 110px;}
.info-block-title {float: left; width: 100%; font-size: 18px; font-weight: 600; padding: 10px 0;}
.info-block-text {float: left; width: 100%; line-height: 20px; box-sizing: border-box; padding: 0 20px;}
}

@media screen and (min-width: 500px) and (max-width: 999px) { 

.sait-info {float: left; width: 100%; margin: 20px 0 30px 0; background:#fff;}
.sait-info-title {font-size: 26px;  float: left; font-weight: 600; float: left; width: 100%; text-align: center; padding: 40px 0 20px 0;}
.info-block-wr {display: flex; flex-flow: row wrap; justify-content: space-between;}
.info-block {flex-basis:50%; flex-direction: column; text-align: center; padding: 20px 30px; box-sizing: border-box; margin-bottom: 30px;}
.info-block-img {float: left; width: 100%;} 
.info-block-img img{max-width: 110px;}
.info-block-title {float: left; width: 100%; font-size: 18px; font-weight: 600; padding: 10px 0;}
.info-block-text {float: left; width: 100%; line-height: 20px; box-sizing: border-box; padding: 0 20px;}

}

@media only screen and (max-width: 499px) { 

.sait-info {float: left; width: 100%; margin: 20px 0 30px 0; background:#fff;}
.sait-info-title {font-size: 20px;  float: left; font-weight: 600; float: left; width: 100%; text-align: center; padding: 20px 0 10px 0;}
.info-block-wr {display: flex; flex-flow: row wrap; justify-content: space-between;}
.info-block {flex-basis:50%; flex-direction: column; text-align: center; padding: 20px 10px; box-sizing: border-box; margin-bottom: 10px;}
.info-block-img {float: left; width: 100%;} 
.info-block-img img{max-width: 60px;}
.info-block-title {float: left; width: 100%; font-size: 16px; font-weight: 600; padding: 10px 0;}
.info-block-text {float: left; width: 100%; line-height: 20px; box-sizing: border-box; padding: 0 10px;}
	
}

.soc-icon {float: left; padding: 30px 0 0 0; width: 100%; height: 37px;}
.ya-share2__list_direction_horizontal {display: flex; width: 100%;}
.ya-share2__list{display: flex!important;}
.ya-share2__list .ya-share2__item {height: 36px !important; width:  calc(20% - 12px)!important; margin: 0 auto!important; display: block;}
.ya-share2__link, .ya-share2__badge{ height: 36px !important; width: 100%; display: flex!important; justify-content: center;}
.ya-share2__icon{ margin: auto;}
.ya-share2__container_size_m .ya-share2__item:nth-child(1){ margin-left: 0!important;}
.ya-share2__container_size_m .ya-share2__item:nth-last-child(1){ margin-right: 0!important;}
 
 @media only screen and (min-width: 1000px) {
.wrap_best {  display: flex; position: relative; overflow: hidden; justify-content: space-between;  margin: 30px 0;}
	.wrap_best_left {align-items: stretch; flex-basis: 320px; float: left;}
	.wrap_best_right { align-items: stretch; flex-basis: 80%; width: 100%; margin-left: 20px; background:#fff; box-sizing: border-box; padding: 20px 30px;} 
 }	
 
@media screen and (min-width: 500px) and (max-width: 999px) { 
.wrap_best {  display: flex; position: relative; overflow: hidden; justify-content: space-between;  margin: 30px 0;}
	.wrap_best_left {display:none;}
	.wrap_best_right { align-items: stretch; flex-basis: 100%; width: 100%; background:#fff; box-sizing: border-box; padding: 20px 30px;} 	 
 }	 
 
 @media only screen and (max-width: 499px) { 
 .wrap_best {  display: flex; position: relative; overflow: hidden; justify-content: space-between;  margin: 0;}
	.wrap_best_left {display:none;}
	.wrap_best_right { align-items: stretch; flex-basis: 100%; width: 100%; background:#fff; box-sizing: border-box; padding: 20px 20px;}
 }
 
 @media only screen and (min-width: 1000px) {
.wrap_katalog {  display: flex; position: relative; overflow: hidden; justify-content: space-between;  margin: 30px 0;}
	.wrap_katalog_left {align-items: stretch; flex-basis: 320px; float: left; }
	.wrap_katalog_right { align-items: stretch; flex-basis: 80%; width: 100%; margin-left: 20px; box-sizing: border-box;} 
 }	
 
@media screen and (min-width: 500px) and (max-width: 999px) { 
.wrap_best {  display: flex; position: relative; overflow: hidden; justify-content: space-between;  margin: 30px 0;}
	.wrap_katalog_left {display:none;}
	.wrap_katalog_right { align-items: stretch; flex-basis: 100%; width: 100%; box-sizing: border-box; } 	 
 }	 
 
 @media only screen and (max-width: 499px) { 
 .wrap_best {  display: flex; position: relative; overflow: hidden; justify-content: space-between;  margin: 0;}
	.wrap_katalog_left {display:none;}
	.wrap_katalog_right { align-items: stretch; flex-basis: 100%; width: 100%; box-sizing: border-box;}
 }
 
.short-cat-tit {float: left; width: 100%; border-bottom: 1px solid #caced1;}	

 @media only screen and (min-width: 750px) {
.full-banner-wrap {display: flex; margin: 30px 0 0 0; background: #06a8f2; box-sizing: border-box; padding: 15px 40px;}
	.full-banner-wrap:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
	.full-banner-left {flex-basis: 66.6666%;  flex-direction: column;  display: flex; justify-content: center;}
	.full-banner-center {flex-basis: 80px;  flex-direction: column;  display: flex; justify-content: center;}
	.full-banner-center img {max-width: 50px;}
	.full-banner-right {flex-basis: 33.3333%;  flex-direction: column;  display: flex; justify-content: center;}
	.full-banner-left .name {float: left; width: 100%; margin: 10px 0 5px 0; font-weight:900; text-rendering: optimizeLegibility; font-size: 20px; color: #444;}
	.full-banner-left .text {float: left; width: 100%; margin: 5px 0 10px 0; font-size: 14px; color: #fff;}
	.full-banner-right .link a {background: #fff; color: #444; float:right; padding: 10px 24px;border-radius: 4px; font-size: 14px;  font-weight: 400;}
	.full-banner-right .link a:hover {text-decoration: none; opacity: 0.8;}	
 }
 @media only screen and (max-width: 749px) {
.full-banner-wrap {float: left; width: 100%; margin: 30px 0 10px 0; background: #06a8f2; box-sizing: border-box; padding: 10px 20px;}
	.full-banner-wrap:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
	.full-banner-left {  float: left; width: 100%;}
	.full-banner-center {display: none;}
	.full-banner-right { float: left; width: 100%; text-align: center; }
	.full-banner-left .name {float: left; width: 100%; margin: 10px 0 5px 0; font-weight:900; text-align: center;  font-size: 18px; color: #444;}
	.full-banner-left .text {float: left; width: 100%; margin: 5px 0 10px 0; text-align: center; font-size: 14px; color: #fff;}
	.full-banner-right .link { float: left; width: 100%; text-align: center; line-height: 50px;}
	.full-banner-right .link a {background: #fff; color: #444; margin: 20px 0; padding: 12px 28px;border-radius: 4px; font-size: 14px;  font-weight: 400;}
	.full-banner-right .link a:hover {text-decoration: none; opacity: 0.8;}
}
 
.vopros-nav { box-sizing: border-box; background: #fff; width:100%; float: left; padding: 20px;}

@media only screen and (min-width: 750px) {	
.main-vop {background: #fff; float: left; box-sizing: border-box; width: 100%; padding: 40px 30px; }
	.h-title { border-bottom: 1px solid #dddede; line-height: .1em;  margin: 20px 0 40px;  text-align: center;}
	.h-title span {font-weight:900; font-size: 38px; background: #fff; padding: 0 20px; margin: 0 auto; text-align: center;}
	.vopros-se {display: flex; }
	.vopros-search {flex-basis:80%; flex-direction: column; display: flex; }
	.vopros-search input {box-sizing: border-box; font-size: 14px; height: 41px; line-height: 23px;; padding: 5px 20px; float: left; width: 100%; border: 1px solid #dde0e2; }
	.vopros-search input:hover, .vopros-search input:active, .vopros-search input:focus {border: 1px solid #10d54c;}
	.seright {flex-basis:200px;}
	.seright input{ border: 0 none; display: inline-block; float:right; width: 90%;  vertical-align: middle;  cursor: pointer;  height: 41px;  font-size: .94em;  border-radius: 2px;  line-height: 21px; outline: none;  color: #fff !important;  padding: 10px 22px;  text-decoration: none !important;  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);  background-color: #10d54c; box-sizing: border-box; font-weight: 900; text-transform: uppercase;}
	.seright input:hover {opacity: 0.8;}	
	.info_search_vopros {float: left; width: 100%; box-sizing: border-box; background:#f4f4f4; padding: 20px 20px; border-radius: 2px; margin-top: 20px; text-align: center; font-size: 12px;}	
 }
@media only screen and (max-width: 749px) { 
.main-vop {background: #fff; float: left; box-sizing: border-box; width: 100%; padding: 20px 20px; }
	.h-title { border-bottom: 1px solid #dddede; line-height: .1em;  margin: 20px 0 20px;  text-align: center;}
	.h-title span {font-weight:900; font-size: 22px; background: #fff; padding: 0 20px; margin: 0 auto; text-align: center;}
	.vopros-se {display: flex; }
	.vopros-search {flex-basis:80%; flex-direction: column; display: flex; }
	.vopros-search input {box-sizing: border-box; font-size: 14px; height: 41px; line-height: 23px;; padding: 5px 10px; float: left; width: 100%; border: 1px solid #dde0e2; }
	.vopros-search input:hover, .vopros-search input:active, .vopros-search input:focus {border: 1px solid #10d54c;}
	.seright {flex-basis:170px;}
	.seright input{ border: 0 none; display: inline-block; float:right; width: 90%;  vertical-align: middle;  cursor: pointer;  height: 41px;  font-size: .94em;  border-radius: 2px;  line-height: 21px; outline: none;  color: #fff !important;  padding: 10px 22px;  text-decoration: none !important;  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);  background-color: #10d54c; box-sizing: border-box; font-weight: 900; text-transform: uppercase;}
	.seright input:hover {opacity: 0.8;}	
	.info_search_vopros {float: left; width: 100%; box-sizing: border-box; background:#f4f4f4; padding: 10px; border-radius: 2px; margin-top: 20px; text-align: center; font-size: 12px;}	
 }

 @media only screen and (min-width: 750px) {	
.vopros-short {float: left; width: 100%;  position: relative;  background: #fff;}
	.vopros-short-wrap {padding: 20px 30px 10px 30px; width: 100%; float: left;box-sizing: border-box;}
	.vopros-short-left {float: left; width: 100%; line-height: 36px; border-bottom: 1px solid #caced1; }
	.vopros-short-right {box-sizing: border-box; float: left; width: 100%;}
	.vopros-short-avatar { float: left; padding-right: 10px;}
	.vopros-short-avatar img{width: 22px; border-radius: 50%; margin-top: 5px; border: 1px solid #caced1;}
	.vopros-short-name {float: left; font-size: 16px; padding-right: 10px; font-weight: 600;}
	.vopros-short-date {float: left; font-size: 12px;  margin-top: 3px; color: #aaaaaa;}
	.vopros-short-good {float:right; font-size: 12px; color: #fff;}
	.vopros-short-good span{ padding: 7px 15px; margin: 0 auto; color: #fff; background:#10d54c; border-radius: 2px;}
	.vopros-short-bed {float:right; font-size: 12px; color: #fff;}
	.vopros-short-bed span{ padding: 7px 15px; margin: 0 auto; color: #fff; background:#ff3d3d; border-radius: 2px;}
	.vopros-short-title { text-rendering: optimizeLegibility; color: #444; font-weight: 600; font-size: 20px; margin-bottom: 10px; margin-top: 10px; float: left; width: 100%;}
	.vopros-short-title a{color: #444; line-height: 24px; float: left; padding: 10px 0;}
	.vopros-short-title a:hover{color: #06a8f2; text-decoration: none;}
	.vopros-short-text {float: left; width: 100%; font-size: 14px; margin: 0 0 10px 0; line-height: 20px; box-sizing: border-box; border-radius: 4px; }
	.vopros-short-niz {float: left; width: 100%; margin: 10px 0; line-height: 14px;}
	.vopros-short-niz .cat{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 12px;}
	.vopros-short-niz .cat a{ color: #aaaaaa;}
	.vopros-short-niz .cat a:hover{color: #06a8f2; text-decoration: none;}
	.vopros-short-niz .see{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 14px;}
	.vopros-short-niz .full-link{float: right;}
	.vopros-short-niz .full-link a{float: right; color: #06a8f2; font-size: 14px; border-bottom: 1px dashed #06a8f2;}
	.vopros-short-niz .full-link a:hover{ color:#444;text-decoration: none; border-bottom: 1px dashed #444;}
 }
@media only screen and (max-width: 749px) {	
.vopros-short {float: left; width: 100%;  position: relative;  background: #fff;}
	.vopros-short-wrap {padding: 20px 20px 10px 20px; width: 100%; float: left;box-sizing: border-box;}
	.vopros-short-left {float: left; width: 100%; line-height: 36px; border-bottom: 1px solid #caced1; }
	.vopros-short-right {box-sizing: border-box; float: left; width: 100%;}
	.vopros-short-avatar { float: left; padding-right: 10px;}
	.vopros-short-avatar img{width: 22px; border-radius: 50%; margin-top: 5px; border: 1px solid #caced1;}
	.vopros-short-name {float: left; font-size: 14px; padding-right: 10px; font-weight: 600;}
	.vopros-short-date {float: left; font-size: 10px;  color: #aaaaaa; margin-top: 1px;}
	.vopros-short-good {float:right; font-size: 10px; color: #fff;}
	.vopros-short-good span{ padding: 7px 7px; margin: 0 auto; color: #fff; background:#10d54c; border-radius: 2px;}
	.vopros-short-bed {float:right; font-size: 10px; color: #fff;}
	.vopros-short-bed span{ padding: 7px 7px; margin: 0 auto; color: #fff; background:#ff3d3d; border-radius: 2px;}
	.vopros-short-title { text-rendering: optimizeLegibility; color: #444; font-weight: 600; font-size: 16px; margin-bottom: 5px; margin-top: 5px; float: left; width: 100%;}
	.vopros-short-title a{color: #444; line-height: 20px; float: left; padding: 10px 0;}
	.vopros-short-title a:hover{color: #06a8f2; text-decoration: none;}
	.vopros-short-text {float: left; width: 100%; font-size: 14px; margin: 0 0 10px 0; line-height: 20px; box-sizing: border-box; border-radius: 4px; }
	.vopros-short-niz {float: left; width: 100%; margin: 10px 0; line-height: 14px;}
	.vopros-short-niz .cat{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 10px;}
	.vopros-short-niz .cat a{ color: #aaaaaa;}
	.vopros-short-niz .cat a:hover{color: #06a8f2; text-decoration: none;}
	.vopros-short-niz .see{float: left; padding: 0 10px 0 0; color: #aaaaaa; font-size: 10px;}
	.vopros-short-niz .full-link{float: right;}
	.vopros-short-niz .full-link a{float: right; color: #06a8f2; font-size: 12px; border-bottom: 1px dashed #06a8f2;}
	.vopros-short-niz .full-link a:hover{ color:#444;text-decoration: none; border-bottom: 1px dashed #444;}
 }	
@media only screen and (min-width: 750px) {
.full-vopros {background: #fff; float: left; box-sizing: border-box; width: 100%; padding: 20px 30px;}
	.full-up {border-bottom: 1px solid #caced1; padding-bottom: 10px; float: left; width: 100%;}
	.full-title { font-weight: 600; font-size: 26px; line-height: 30px;}
	.info-link {float: left; color: #caced1; font-size: 12px; padding-right: 15px;}
	.info-link a{float: left; color: #aaaaaa; font-size: 12px;}
	.info-link a:hover {color:#06a8f2; text-decoration: none;}	
	.full-short-vopros {float: left; width: 100%;}
	.full-short-vopros-block {float: left; width: 100%; position: relative;min-height: 100px; margin: 0 0 20px 0; padding: 20px 0 0 0; }
	.full-short-vopros-block-left {float: left; width: 150px; background: #f3f3f3; position: absolute;min-height: 100px; text-align: center; border-radius: 3px;}
	.full-short-vopros-block-right {float: left; width: 100%; padding-left: 170px; min-height: 140px; position: relative; box-sizing: border-box;}
	.full-short-vopros-block-left-avatar {padding: 10px 0;}
	.full-short-vopros-block-left-avatar img{width: 60px; border-radius: 50%;}
	.full-short-vopros-block-left-name {font-size: 14px; padding: 5px 0;}
	.full-short-vopros-block-left-date {font-size: 12px; padding: 5px 0; color: #aaaaaa;}
	.full-vopros-autor { background:#f6f6f6; min-height: 145px; float: left; width: 100%; padding: 15px 20px; box-sizing: border-box; border-radius: 3px;}
	.ugol {border-color: rgba(0, 0, 0, 0) #f6f6f6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);  border-image: none;  border-style: solid;  border-width: 10px;  content: "";   display: block;   margin-left: 0px;    margin-top: 20px;    position: absolute;top: 0;left:150px;}
	.vopros-hot-title {border-bottom: 1px solid #caced1; text-rendering: optimizeLegibility; color: #444;  padding-bottom: 10px; font-weight:600; font-size: 20px; line-height: 28px; margin-bottom: 20px; margin-top: 10px; float: left; width: 100%;}	
	.full-short-vopros-glav {float: left; width: 100%; position: relative;min-height: 100px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #aaaaaa;}
	.full-short-vopros-glav-left {float: left; width: 150px; position: absolute;min-height: 100px; text-align: center;}
	.full-short-vopros-glav-right {float: left; width: 100%; padding-left: 170px; min-height: 140px; position: relative; box-sizing: border-box;}
	.full-short-vopros-glav-left-avatar {padding: 10px 0;}
	.full-short-vopros-glav-left-avatar img{width: 60px; border-radius: 50%;}
	.full-short-vopros-glav-left-name {font-size: 14px; padding: 5px 0;}
	.full-short-vopros-glav-left-date {font-size: 12px; padding: 5px 0; color: #aaaaaa; line-height: 16px;}
	.full-short-vopros-glav-autor { background: #fff; border-left: 2px solid #10d54c; float: left;  width: 100%; padding: 0 0 0 20px; box-sizing: border-box;}
	.ugol2 {border-color: rgba(0, 0, 0, 0) #10d54c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);  border-image: none;  border-style: solid;  border-width: 10px;  content: "";   display: block;   margin-left: 0px;    margin-top: 24px;    position: absolute;top: 0;left:150px;}
	.full-short-vopros-niz {float: left; width: 100%; margin-top: 30px;}
	.full-short-vopros-niz-date {float: left; color:#aaaaaa; font-size: 12px;}
	.full-short-vopros-niz-cat {float: right;  font-size: 14px; color:#aaaaaa;}
	.full-short-vopros-niz-cat a{color:#aaaaaa; padding-right:10px;}
	.full-short-vopros-niz-cat a:hover {color: #06a8f2; text-decoration: none;}
	.full-short-vopros-related-tit {color: #444; float: left; width: 100%; font-size: 18px; font-weight: 600; margin-top: 30px;}
	.full-random-link {float: left; width: 50%; margin: 10px 0;}
	.full-random-link a{float: left; width: 100%; font-weight: 600; margin-top: 10px; box-sizing: border-box;  overflow:hidden;  color: #333438; line-height: 18px; font-size: 14px;}
	.full-random-link a:hover {color: #06a8f2; text-decoration: none;}
	.left-random {float: left; width: 40%;}
	.left-random img{max-width: 100%;}
	.right-random {float: left; width: 60%; padding: 0 15px; box-sizing: border-box;}	
}
@media only screen and (max-width: 749px) {
.full-vopros {background: #fff; float: left; box-sizing: border-box; width: 100%; padding: 20px 20px;}
	.full-up {border-bottom: 1px solid #caced1; padding-bottom: 10px; float: left; width: 100%;}
	.full-title { font-weight: 600; font-size: 20px; line-height: 24px;}
	.info-link {float: left; color: #caced1; font-size: 10px; padding-right: 15px;}
	.info-link a{float: left; color: #aaaaaa; font-size: 10px;}
	.info-link a:hover {color:#06a8f2; text-decoration: none;}	
	.full-short-vopros-block { float: left; width: 100%; position: relative; margin-top: 10px;}
	.full-short-vopros-block-left {float: left; width: 100%; margin-bottom: 10px;}
	.full-short-vopros-block-right {float: left; width: 100%;  position: relative; box-sizing: border-box;}
	.full-short-vopros-block-left-avatar {padding: 0 0; float: left; margin-right: 5px;}
	.full-short-vopros-block-left-avatar img{width: 25px; border-radius: 50%; margin-top: 3px; margin-right: 10px;}
	.full-short-vopros-block-left-name {font-size: 14px; padding: 5px 0; float: left; margin-right: 10px; }
	.full-short-vopros-block-left-date {font-size: 10px; padding: 5px 0; color: #aaaaaa; float: left; margin-right: 15px; margin-top: 4px;}
	.full-vopros-autor { background:#f6f6f6; min-height: 45px; float: left; width: 100%; padding: 15px 20px; box-sizing: border-box; border-radius: 3px;}
	.ugol {display:none;}
	.vopros-hot-title {border-bottom: 1px solid #caced1; text-rendering: optimizeLegibility; color: #444;  padding-bottom: 5px; font-weight:600; font-size: 16px; line-height: 28px; margin-bottom: 20px; margin-top: 10px; float: left; width: 100%;}	
	.full-short-vopros-glav {float: left; width: 100%; position: relative;min-height: 100px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #aaaaaa;}
	.full-short-vopros-glav-left {float: left; width: 100%; }
	.full-short-vopros-glav-right {float: left; width: 100%;  position: relative; box-sizing: border-box;}
	.full-short-vopros-glav-left-avatar {float: left; margin-right: 5px; margin-bottom: 10px;}
	.full-short-vopros-glav-left-avatar img{width: 25px; border-radius: 50%; margin-top: 3px; margin-right: 10px; }
	.full-short-vopros-glav-left-name { margin-top: 2px; font-size: 12px; padding: 5px 0; float: left; margin-right: 15px;}
	.full-short-vopros-glav-left-date {font-size: 10px; padding: 5px 0  10px 0; color: #aaaaaa; float: left; margin-right: 5px; margin-top: 5px;}
	.full-short-vopros-glav-autor {float: left; width: 100%; box-sizing: border-box;}
	.ugol2 {display:none;}
	.full-short-vopros-niz {float: left; width: 100%; margin-top: 30px;}
	.full-short-vopros-niz-date {float: left; color:#aaaaaa; font-size: 10px;}
	.full-short-vopros-niz-cat {float: right;  font-size: 14px; color:#aaaaaa;}
	.full-short-vopros-niz-cat a{color:#aaaaaa; padding-right:10px;}
	.full-short-vopros-niz-cat a:hover {color: #06a8f2; text-decoration: none;}
	.full-short-vopros-related-tit {color: #444; float: left; width: 100%; font-size: 18px; font-weight: 600; margin-top: 30px;}
	.full-random-link {float: left; width: 100%; margin: 10px 0;}
	.full-random-link a{float: left; width: 100%; font-weight: 600; margin-top: 10px; box-sizing: border-box;  overflow:hidden;  color: #333438; line-height: 16px; font-size: 12px;}
	.full-random-link a:hover {color: #06a8f2; text-decoration: none;}
	.left-random {float: left; width: 40%;}
	.left-random img{max-width: 100%;}
	.right-random {float: left; width: 60%; padding: 0 15px; box-sizing: border-box;}	
}	

@media only screen and (min-width: 750px) {
.banki-glav {width:100%; float: left; background: #fff; padding: 30px 40px; box-sizing: border-box;}
	.banki-glav h1 {font-weight: 600; font-size: 28px; float: left; width:70%;}
	.banki-link-all {float: left; width:30%; text-align:  right; padding-top: 10px;}
	.banki-link-all a{float: right; color: #a7a7a7; padding: 5px 10px; font-weight: 400; border: 1px solid #a7a7a7; font-size: 12px; border-radius: 3px;}
	.banki-link-all a:hover{color: #06a8f2; text-decoration: none;  border: 1px solid #06a8f2;}
	
.banki-sort {background:#06a8f2; color:#fff; font-weight:600; font-size: 16px; box-sizing: border-box; width:100%; float: left; line-height: 50px; padding: 0 30px;}	
	.banki-sort span {float: right;}
}

@media only screen and (max-width: 749px) {
.banki-glav {width:100%; float: left; background: #fff; padding: 20px 20px; box-sizing: border-box;}
	.banki-glav h1 {font-weight: 600; font-size: 20px; float: left; width:70%; line-height: 22px;}
	.banki-link-all {float: left; width:30%; text-align:  right; padding-top: 10px; line-height: 22px;}
	.banki-link-all a{float: right; color: #444; font-weight: 400; font-size: 10px;}
	.banki-link-all a:hover{color: #06a8f2; text-decoration: none; }
	
.banki-sort {background:#06a8f2; color:#fff; font-weight:600; font-size: 14px; box-sizing: border-box; width:100%; float: left; line-height: 50px; padding: 0 20px;}	
	.banki-sort span {float: right;}
}


@media only screen and (min-width: 750px) {
.offer_skidki {width:100%; float: left; background: url(../images/rate-left.svg) bottom left, #fff url(../images/rate-right.svg) bottom right; background-repeat: no-repeat; padding: 20px 40px 30px 40px; box-sizing: border-box;}
	.offer_skidki h1 {font-weight: 600; font-size: 28px; float: left; width:100%; text-align:center;}
	.offer_skidki span {float: left; width:100%; text-align:center; color:#979797; box-sizing: border-box; padding: 0 100px;}
	
.offer_skidki_nal {background:#10d54c; margin-top: 30px; box-sizing: border-box; padding: 5px;}	
.offer_skidki_nal_tit {width:100%; float: left; line-height: 50px; color:#fff; font-weight:600; font-size: 20px; text-align: center;}
.offer_skidki_zaym {background:#06a8f2; margin-top: 30px; box-sizing: border-box; width:100%; float: left; padding: 5px;}	
.offer_skidki_zaym_tit {width:100%; float: left; line-height: 50px; color:#fff; font-weight:600; font-size: 20px; text-align: center;}
.offer_skidki_card {background:#f20659; margin-top: 30px; box-sizing: border-box; width:100%; float: left; padding: 5px;}	
.offer_skidki_card_tit {width:100%; float: left; line-height: 50px; color:#fff; font-weight:600; font-size: 20px; text-align: center;}
.offer_skidki_debet_card {background:#06a9b8; margin-top: 30px; box-sizing: border-box; width:100%; float: left; padding: 5px;}	
.offer_skidki_debet_card_tit {width:100%; float: left; line-height: 50px; color:#fff; font-weight:600; font-size: 20px; text-align: center;}


.all-skidki {line-height: 50px; border-top: 1px solid #979797; background: #fff; float: left; width: 100%;}
	.all-skidki a{color: #333438; text-align: center; float: left; width: 100%; font-size: 14px;}
	.all-skidki a:hover {color: #fff; background: #06a8f2; text-decoration: none;}

}

@media only screen and (max-width: 749px) {
.offer_skidki {width:100%; float: left; background: #fff;  background-repeat: no-repeat; padding: 20px 20px 30px 20px; box-sizing: border-box;}
	.offer_skidki h1 {font-weight: 600; font-size: 22px; float: left; width:100%; text-align:center;}
	.offer_skidki span {float: left; width:100%; text-align:center; color:#979797; box-sizing: border-box;}
	
.offer_skidki_nal {background:#10d54c; box-sizing: border-box; padding: 5px;}	
.offer_skidki_nal_tit {width:100%; float: left; line-height: 50px; color:#fff; font-weight:600; font-size: 16px; text-align: center;}
.offer_skidki_zaym {background:#06a8f2; margin-top: 30px; box-sizing: border-box; width:100%; float: left; padding: 5px;}	
.offer_skidki_zaym_tit {width:100%; float: left; line-height: 50px; color:#fff; font-weight:600; font-size: 16px; text-align: center;}
.offer_skidki_card {background:#f20659; margin-top: 30px; box-sizing: border-box; width:100%; float: left; padding: 5px;}	
.offer_skidki_card_tit {width:100%; float: left; line-height: 50px; color:#fff; font-weight:600; font-size: 16px; text-align: center;}
.offer_skidki_debet_card {background:#06a9b8; margin-top: 30px; box-sizing: border-box; width:100%; float: left; padding: 5px;}	
.offer_skidki_debet_card_tit {width:100%; float: left; line-height: 50px; color:#fff; font-weight:600; font-size: 16px; text-align: center;}


.all-skidki {line-height: 50px; border-top: 1px solid #979797; background: #fff; float: left; width: 100%;}
	.all-skidki a{color: #333438; text-align: center; float: left; width: 100%; font-size: 14px;}
	.all-skidki a:hover {color: #fff; background: #06a8f2; text-decoration: none;}

}


@media only screen and (min-width: 750px) {
.banki-reyting {width:100%; float: left; background: url(../images/rate-left.svg) bottom left, #fff url(../images/rate-right.svg) bottom right; background-repeat: no-repeat; padding: 30px 40px 70px 40px; box-sizing: border-box;}
	.banki-reyting h1 {font-weight: 600; font-size: 32px; float: left; width:100%; text-align:center;}
	.banki-reyting span {float: left; width:100%; text-align:center; color:#979797;}
	
.banki-rate-sort {background:#f9f9f9; font-weight:600; font-size: 16px; box-sizing: border-box; width:100%; float: left; line-height: 50px; padding: 0 30px; border-bottom: 1px solid #bababa; border-top: 1px solid #bababa;}	
	.banki-rate-sort span {float: right;}
	
.full-rate-bank ol { counter-reset: section; float:left; padding: 0; margin:0;}
	.full-rate-bank ol li {display: flex;  box-sizing: border-box; font-size: 22px; font-weight: 600; }
	.full-rate-bank ol li:before {counter-increment: section;content: counter(section) "	";  position: absolute; margin-left: 30px; margin-top: 30px;}
	.banki-rate-short {position: relative; box-sizing: border-box; background: #fff; width:100%; float: left; border-bottom: 1px solid #979797; display: flex; justify-content: space-between;}
	.banki-rate-short:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
	.banki-rate-short-3 {align-items: stretch; flex-basis: 85%; font-size: 14px; padding: 20px 0 20px 90px;}
	.banki-rate-short-5 {align-items: stretch; flex-basis: 15%; text-align: center; font-size: 14px;  background: #e8f8ff;}
	.rang-rate-bank {color: #06a8f2;line-height: 50px;  height: 50px; width:80px; margin: 0 auto; margin-top: 20px; font-weight: 600; font-size: 24px;}
	.mini-rate-bank-rate {float: left; width:100%; text-align: center; margin-top: 5px;}
	.mini-rate-bank-title a{float: left; width:100%; font-size: 18px; line-height: 22px;  font-weight: 700;}
	.mini-rate-bank-title a:hover{text-decoration: none; color: #10d54c;}
	.mini-rate-bank-lic {float: left; width:100%; color: #333438; margin-top: 10px; font-size: 14px; font-weight: 400;}

}

@media only screen and (max-width: 749px) {
.banki-reyting {width:100%; float: left; background: url(../images/rate-left.svg) bottom left, #fff url(../images/rate-right.svg) bottom right; background-size:30%; background-repeat: no-repeat; padding: 20px 20px 20px 20px; box-sizing: border-box;}
	.banki-reyting h1 {font-weight: 600; font-size: 22px; float: left; width:100%; text-align:center;}
	.banki-reyting span {float: left; width:100%; text-align:center; color:#979797;}
	
.banki-rate-sort {background:#f9f9f9; font-weight:600; font-size: 14px; box-sizing: border-box; width:100%; float: left; line-height: 50px; padding: 0 20px; border-bottom: 1px solid #bababa; border-top: 1px solid #bababa;}	
	.banki-rate-sort span {float: right;}
	
.full-rate-bank ol { counter-reset: section; float:left; padding: 0; margin:0;}
	.full-rate-bank ol li {display: flex;  box-sizing: border-box; font-size: 22px; font-weight: 600; }
	.full-rate-bank ol li:before {counter-increment: section;content: counter(section) "	";  position: absolute; margin-left: 20px; margin-top: 20px;}
	.banki-rate-short {position: relative; box-sizing: border-box; background: #fff; width:100%; float: left; border-bottom: 1px solid #979797; display: flex; justify-content: space-between;}
	.banki-rate-short:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
	.banki-rate-short-3 {align-items: stretch; flex-basis: 85%; font-size: 14px; padding: 20px 0 20px 50px;}
	.banki-rate-short-5 {align-items: stretch; flex-basis: 15%; text-align: center; font-size: 14px;  background: #e8f8ff; padding: 0 10px;}
	.rang-rate-bank {line-height: 50px; color: #06a8f2; height: 50px; width:70px; margin: 0 auto; margin-top: 20px; font-weight: 600; font-size: 20px;}
	.mini-rate-bank-rate {float: left; width:100%; text-align: center; margin-top: 5px;}
	.mini-rate-bank-title a{float: left; width:100%; font-size: 18px; line-height: 22px;  font-weight: 700;}
	.mini-rate-bank-title a:hover{text-decoration: none; color: #10d54c;}
	.mini-rate-bank-lic {float: left; width:100%; color: #333438; margin-top: 10px; font-size: 12px; font-weight: 400;}

}

@media only screen and (min-width: 750px) {
.banki-short {position: relative; box-sizing: border-box; background: #fff; width:100%; float: left; border-bottom: 1px solid #bababa; display: flex; justify-content: space-between;}
	.banki-short:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
	.banki-short-1 {align-items: stretch; flex-basis: 100px; text-align: center; font-size: 14px; padding: 30px 0 30px 0; border-right: 1px solid #f3f8fc; font-weight: 600;}
	.banki-short-2 {align-items: stretch; flex-basis: 30%; text-align: center; font-size: 14px; padding: 20px 0; border-right: 1px solid #ececec;}
	.banki-short-3 {align-items: stretch; flex-basis: 55%; font-size: 14px; padding: 30px 0 30px 30px;}
	.banki-short-4 {align-items: stretch; flex-basis: 20%; font-size: 14px; padding: 30px 0;}
	.banki-short-5 {align-items: stretch; flex-basis: 15%; text-align: center; font-size: 14px;  background: #e8f8ff;}
	.rang-bank {line-height: 60px; color:#06a8f2; border-radius: 50%; height: 80px; width:80px; margin: 0 auto; margin-top: 30px; font-weight: 600; font-size: 24px;}
	.mini-bank-img {float: left; width:100%; text-align: center;}
	.mini-bank-img img{max-width: 100%; padding: 0 20px; box-sizing: border-box; padding-top: 10px;}
	.mini-bank-rate {float: left; width:100%; text-align: center; margin-top: 5px;}
	.mini-bank-title a{float: left; width:100%; font-size: 18px; line-height: 22px;  font-weight: 700;}
	.mini-bank-title a:hover{text-decoration: none; color: #06a8f2;}
	.mini-bank-lic {float: left; width:100%; color: #333438; margin-top: 20px; font-size: 14px}
	.mini-bank-otziv {color: #a7a7a7; line-height: 22px;}
	.mini-bank-otziv-link a{float: left; margin-top: 10px; font-size: 14px; padding: 5px 12px; color: #fff; background: #08da48; border-radius: 3px;}
	.mini-bank-otziv-link a:hover{text-decoration: none; opacity: 0.8;}
	.main-bank-info {float: left; width:100%; background: #fff; padding: 20px 40px; font-size: 14px; font-weight: 600; box-sizing: border-box; border-bottom: 1px solid #bababa;}
}

@media only screen and (max-width: 749px) {
.banki-short {position: relative; box-sizing: border-box; background: #fff; width:100%; float: left; border-bottom: 1px solid #bababa; display: flex; justify-content: space-between;}
	.banki-short:hover {box-shadow: 0px 0px 23px 2px rgba(184,182,184,1); z-index: 1000;}
	.banki-short-1 {align-items: stretch; flex-basis: 70px; text-align: center; font-size: 14px; padding: 30px 0 30px 0; border-right: 1px solid #f3f8fc; font-weight: 600;}
	.banki-short-2 {display: none;}
	.banki-short-3 {align-items: stretch; flex-basis: 70%; font-size: 14px; padding: 20px 20px 20px 20px;}
	.banki-short-4 {align-items: stretch; flex-basis: 50%; font-size: 14px; padding: 30px 0;}
	.banki-short-5 {align-items: stretch; flex-basis: 30%; text-align: center; font-size: 14px;  background: #f3f8fc;}
	
	.rang-bank {line-height: 60px; border: 2px solid #10d54c; border-radius: 50%; height: 60px; width:60px; margin: 0 auto; margin-top: 20px; font-weight: 600; font-size: 18px;}
	.mini-bank-img {float: left; width:100%; text-align: center;}
	.mini-bank-img img{max-width: 100%; padding: 0 20px; box-sizing: border-box; padding-top: 10px;}
	.mini-bank-rate {float: left; width:100%; text-align: center; margin-top: 5px;}
	.mini-bank-title a{float: left; width:100%; font-size: 16px; line-height: 20px;  font-weight: 700;}
	.mini-bank-title a:hover{text-decoration: none; color: #08da48;}
	.mini-bank-lic {float: left; width:100%; color: #333438; margin-top: 10px; font-size: 14px; line-height: 20px;}
	.mini-bank-otziv {color: #a7a7a7; line-height: 22px;}
	.mini-bank-otziv-link a{float: left; margin-top: 10px; font-size: 14px; padding: 9px 12px; color: #fff; background: #08da48; border-radius: 3px;}
	.mini-bank-otziv-link a:hover{text-decoration: none; opacity: 0.8;}
	.main-bank-info {float: left; width:100%; background: #fff; padding: 20px 40px; font-size: 14px; font-weight: 600; box-sizing: border-box; border-bottom: 1px solid #bababa;}

}
@media only screen and (min-width: 750px) {
.full-bank-main {box-sizing: border-box; background: #fff; width:100%; float: left;}
	.full-bank-main-wr {display: flex; align-items: center; padding: 30px 30px; box-sizing: border-box;}
	.full-bank-main-left {flex-basis: 80%; align-items: center;}
	.full-bank-main-right {flex-basis: 320px; align-items: center;}
	.full-bank-main-right img{ float: right; max-height: 100%;}
	.full-bank-title {box-sizing: border-box; font-size: 30px; margin: 0 0 10px 0; line-height: 34px; color: #444; float: left;  width: 100%;}
	.full-bank-nord {float: left; width: 100%; line-height: 24px; margin-top:10px;}

.menu-bank {background: #10d54c; width:100%; float: left; padding: 0 30px; box-sizing: border-box;}
	.menu-bank-link {float: left; line-height: 50px;}
	.menu-bank-link a {float: left; padding: 0 20px; margin-right:15px; background:#0da83c; color:#fff; }
	.menu-bank-link a:hover {opacity: 0.7; text-decoration: none;}
	.menu-bank-nom {float: right; line-height: 50px; background: #0da83c; color:#fff; padding: 0 20px;}

.menu-offer {background: #10d54c; width:100%; float: left; padding: 0 30px; box-sizing: border-box;}
	.menu-offer-link {float: left; line-height: 50px;}
	.menu-offer-link a {float: left; padding: 0 20px; margin-right:20px; background:#0da83c; color:#fff; }
	.menu-offer-link a:hover {opacity: 0.7; text-decoration: none;}
	.menu-offer-nom {border-left: 2px solid #fff; border-right: 2px solid #fff; float: right;  background: #10d54c; color:#fff;  font-size: 20px; font-weight: 600;}
	.menu-offer-nom a {background: #06a8f2; color:#fff; padding: 0 20px; line-height: 50px; float: right; }
	.menu-offer-nom a:hover {opacity: 0.7; text-decoration: none;}


.full_rate { display: flex;} 
	.full_rate_left {flex-basis: 80%; display: flex; justify-content: center; line-height: 24px; flex-direction: column;}
	.full_rate_right {flex-basis: 200px; line-height: 24px;}
	.full_rate_info {flex-basis: 100%; display: flex; align-items: center;}
	.full_rate_info span {font-weight: 600; padding-right: 10px;}
	.full_rate_nomer {  width: 100px; font-weight: 600; font-size:22px;float:right; line-height: 30px; text-align: center; color:#06a8f2; background: #e8f8ff; border-bottom: 2px solid #05a1e8;}
	.full_rate_nomer_alt {font-size: 12px; float:right; background:#f3f3f3; letter-spacing: 2px; color: #c5c5c5; width: 100px; line-height: 20px; text-align: center;}
	
.full-rekviz {float: left; width: 100%; background: #fff;  padding: 30px 30px; box-sizing: border-box;}
	.uslov-title {font-size: 24px; padding: 0; margin-bottom: 20px; text-rendering: optimizeLegibility; color: #444; font-weight: 700;}
	.opisan-usl {float: left; line-height: 22px; padding:0; width:100%; height:100%; margin:20px 0;}
	.opisan-usl h2{font-size: 24px; padding: 10px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.opisan-usl h3{font-size: 20px; padding: 10px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.opisan-usl h4{font-size: 20px; padding: 10px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.opisan-usl h5{font-size: 20px; padding: 10px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.opisan-usl ul { padding-left: 40px; list-style: none; margin-top: 1em; margin-bottom: 1em;}
	.opisan-usl ul li {margin-bottom: 10px;margin-left:20px;line-height: 1.6;position: relative;}
	.opisan-usl ul li:before {margin-bottom: 4px;line-height: 5px;height: 10px;margin-left: -24px;left: 0px;width: 10px;border-radius:50%;margin-top: 5px;background: #009b1a;content: '';text-align: center;position: absolute;font-weight: bold;color:#fff;}

	.opisan-usl ol { padding-left: 40px; list-style: none; margin-top: 1em; margin-bottom: 1em; counter-reset: point;}
	.opisan-usl ol li {margin-bottom: 15px;margin-left:20px;line-height: 1.6;position: relative;}
	.opisan-usl ol li:before {margin-bottom: 4px;counter-increment: point 1; line-height: 22px;height: 22px;margin-left: -34px;left: 0px;width: 22px;border-radius:50%;margin-top: 1px;background: #009b1a;content: counter(point);text-align: center;position: absolute;font-weight: bold;color:#fff;}

	.opisan-usl table {width: 100%; margin: 15px 0;}
	.opisan-usl td{padding: 5px 10px; border: 1px solid #aaaaaa;}

.rekviz {float: left; width: 100%; border-bottom: 1px solid #d7d7d7; padding: 15px 0; display: flex; align-items: center;}
	.rekviz-left {flex-basis: 40%; line-height: 24px; font-weight: 600;}
	.rekviz-right {flex-basis: 60%; line-height: 24px;}

.full-bank-otz { position: relative;  background:#fff; width:100%; padding: 10px 30px; box-sizing: border-box; border-bottom: 1px solid #bababa; margin-top: 20px;}
	.full-bank-otz h2 {float:left; font-size:22px;}
	.full-bank-otz span{font-size: 22px; font-weight: 600; float: right; margin-top:10px;}
	.no-otz {float: left; width:100%; padding: 20px 30px; font-weight: 600; box-sizing: border-box; background: #fff; text-align: center; border-bottom: 1px solid #bababa;}
	.opinions-title{float:left;margin-bottom:0;margin-top:2px}
	.opinions-list{list-style:none;margin:0;clear:both; padding: 0;}
	.opinions-list li{padding: 20px 30px; background: #fff; float: left; width:100%; font-size:16px;line-height:20px; box-sizing: border-box; border-bottom: 1px solid #bababa;}
	.otziv-line {line-height: 40px; float: left; width:100%; border-bottom: 1px solid #c5c5c5;}
	.otziv-rating-1 {float: left; width: 87px;height: 14px; background-image: url(../images/otz1.svg); background-position: 0 0; margin: 14px 10px 0 0;}
	.otziv-rating-2 {float: left; width: 87px;height: 14px; background-image: url(../images/otz2.svg); background-position: 0 0; margin: 14px 10px 0 0;}
	.otziv-rating-3 {float: left; width: 87px;height: 14px; background-image: url(../images/otz3.svg); background-position: 0 0; margin: 14px 10px 0 0;}
	.otziv-rating-4 {float: left; width: 87px;height: 14px; background-image: url(../images/otz4.svg); background-position: 0 0; margin: 14px 10px 0 0;}
	.otziv-rating-5 {float: left; width: 87px;height: 14px; background-image: url(../images/otz5.svg); background-position: 0 0; margin: 14px 10px 0 0;}
	.otziv-name {float: left; padding-right: 10px; line-height: 40px;  font-weight: 600;}
	.otziv-date {float: right; padding-left: 10px; line-height: 40px; color: #c5c5c5; font-size: 14px;}
	.otziv-title {font-size: 18px; font-weight: 600; text-rendering: optimizeLegibility; color: #444; padding: 20px 0 0 0; float: left; width:100%;}
	.comments {float: left; width:100%; font-size:16px;line-height:20px; margin: 20px 0;}
	.link-admin a {float: left; border: 1px solid #444; padding: 5px 10px; border-radius: 4px; color: #444; font-size: 14px; margin-right: 10px;}
	.autoriz {width:100%; float: left; text-align: center; background:#fff; padding: 30px 0; }
	.autoriz a{  border-radius: 4px; }
	.autoriz a:hover{text-decoration: none; opacity: 0.8;}
	.autoriz .text {text-align: center; padding: 30px 0 10px 0; color: #c40000; font-size: 14px;} 
	.add-otziv {width:100%; float: left; padding-top:20px;}
	.add-otziv-big {width:100%; float: left; margin-top:20px;}
	.left-add-otziv {float: left; width:100%; margin-top:20px;}  


.add-comm-wrap {float:left; width: 100%; box-sizing: border-box; background: #fff; padding: 20px 30px;}
	.addcomment {float:left;  width: 100%;}
	.addcomment-tit {float:left;  padding-bottom:10px;  font-weight: 600; color: #313b40; font-size: 16px; line-height: 20px; width: 100%;}
}
@media only screen and (max-width: 749px) {
.full-bank-main {box-sizing: border-box; background: #fff; width:100%; float: left;}
	.full-bank-main-wr {float: left; width: 100%; padding: 20px 20px; box-sizing: border-box;}
	.full-bank-main-left {float: left; width: 100%;}
	.full-bank-main-right {display: none;}
	.full-bank-main-right img{ max-width: 100%; padding: 5px 0;}
	.full-bank-title {box-sizing: border-box; font-size: 20px; margin: 0 0 10px 0; line-height: 24px; color: #444; float: left;  width: 100%;}
	.full-bank-nord {float: left; width: 100%; line-height: 24px; margin-top:10px;}

.menu-bank {background: #0da83c; width:100%; float: left; padding: 0 20px; box-sizing: border-box;}
	.menu-bank-link {float: left; line-height: 50px;}
	.menu-bank-link a {float: left; margin-right:15px; color:#fff; }
	.menu-bank-link a:hover {opacity: 0.7; text-decoration: none;}
	.menu-bank-nom {display: none;}

.menu-offer {background: #10d54c; width:100%; float: left; padding: 0 20px; box-sizing: border-box;}
	.menu-offer-link {display: none;}
	.menu-offer-nom {float: left; width:100%; border-left: 2px solid #fff; border-right: 2px solid #fff;  background: #10d54c; color:#fff;  font-size: 17px; font-weight: 600;}
	.menu-offer-nom a {background: #06a8f2; color:#fff; text-align: center; float: left; line-height: 50px; width:100%;}
	.menu-offer-nom a:hover {opacity: 0.7; text-decoration: none;}

.full_rate { display: flex;}
	.full_rate_left {flex-basis: 80%; display: flex; justify-content: center; line-height: 16px; flex-direction: column;}
	.full_rate_right {flex-basis: 100px; line-height: 24px;}
	.full_rate_info {flex-basis: 100%; display: flex;  font-size:12px;}
	.full_rate_info span {font-weight: 600; padding-right: 10px;}
	.full_rate_nomer {  width: 100px; font-weight: 600; font-size:22px;float:right; line-height: 30px; text-align: center; color:#06a8f2; background: #e8f8ff; border-bottom: 2px solid #05a1e8;}
	.full_rate_nomer_alt {font-size: 12px; float:right; background:#f3f3f3; letter-spacing: 2px; color: #c5c5c5; width: 100px; line-height: 20px; text-align: center;}

	
.full-rekviz {float: left; width: 100%; background: #fff;  padding: 20px 20px; box-sizing: border-box;}
	.uslov-title {font-size: 24px; padding: 0; margin-bottom: 20px; text-rendering: optimizeLegibility; color: #444; font-weight: 700;}
	.opisan-usl {float: left; line-height: 22px; padding:0; width:100%; height:100%; margin:20px 0;}
	.opisan-usl h2{font-size: 20px; padding: 5px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.opisan-usl h3{font-size: 18px; padding: 5px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.opisan-usl h4{font-size: 18px; padding: 5px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.opisan-usl h5{font-size: 18px; padding: 5px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.opisan-usl ul { padding-left: 20px; list-style: none; margin-top: 1em; margin-bottom: 1em;}
	.opisan-usl ul li {margin-bottom: 10px;margin-left:20px;line-height: 1.6;position: relative;}
	.opisan-usl ul li:before {margin-bottom: 4px;line-height: 5px;height: 10px;margin-left: -24px;left: 0px;width: 10px;border-radius:50%;margin-top: 5px;background: #009b1a;content: '';text-align: center;position: absolute;font-weight: bold;color:#fff;}

	.opisan-usl ol { padding-left: 20px; list-style: none; margin-top: 1em; margin-bottom: 1em; counter-reset: point;}
	.opisan-usl ol li {margin-bottom: 15px;margin-left:20px;line-height: 1.6;position: relative;}
	.opisan-usl ol li:before {margin-bottom: 4px;counter-increment: point 1; line-height: 22px;height: 22px;margin-left: -34px;left: 0px;width: 22px;border-radius:50%;margin-top: 1px;background: #009b1a;content: counter(point);text-align: center;position: absolute;font-weight: bold;color:#fff;}

	.opisan-usl table {width: 100%; margin: 15px 0;}
	.opisan-usl td{padding: 3px 7px; border: 1px solid #aaaaaa;}

.rekviz {float: left; width: 100%; border-bottom: 1px solid #d7d7d7; padding: 10px 0; display: flex; align-items: center;}
	.rekviz-left {flex-basis: 40%; line-height: 24px; font-weight: 600;}
	.rekviz-right {flex-basis: 60%; line-height: 24px;}

.full-bank-otz { position: relative;  background:#fff; width:100%; padding: 10px 20px; box-sizing: border-box; border-bottom: 1px solid #bababa; margin-top: 20px;}
	.full-bank-otz h2 {float:left; font-size:18px;}
	.full-bank-otz span{font-size: 18px; font-weight: 600; float: right; margin-top:10px;}
	.no-otz {float: left; width:100%; padding: 20px 20px; font-weight: 600; box-sizing: border-box; background: #fff; text-align: center; border-bottom: 1px solid #bababa;}
	.opinions-title{float:left;margin-bottom:0;margin-top:2px}
	.opinions-list{list-style:none;margin:0;clear:both; padding: 0;}
	.opinions-list li{padding: 20px 20px; background: #fff; float: left; width:100%; font-size:16px;line-height:20px; box-sizing: border-box; border-bottom: 1px solid #bababa;}
	.otziv-line {padding: 10px 0; float: left; width:100%; border-bottom: 1px solid #c5c5c5;}
	.otziv-rating-1 {float: left; width: 60px;height: 10px; background-image: url(../images/otz1.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.otziv-rating-2 {float: left; width: 60px;height: 10px; background-image: url(../images/otz2.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.otziv-rating-3 {float: left; width: 60px;height: 10px; background-image: url(../images/otz3.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.otziv-rating-4 {float: left; width: 60px;height: 10px; background-image: url(../images/otz4.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.otziv-rating-5 {float: left; width: 60px;height: 10px; background-image: url(../images/otz5.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.otziv-name {float: left; padding-right: 10px; line-height: 20px;  font-weight: 600; font-size: 12px;}
	.otziv-date {float: right; padding-left: 10px; line-height: 20px; color: #c5c5c5; font-size: 10px;}
	.otziv-title {font-size: 16px; font-weight: 600; text-rendering: optimizeLegibility; color: #444; padding: 10px 0 0 0; float: left; width:100%;}
	.comments {float: left; width:100%; margin: 20px 0; font-size: 14px;}
	.link-admin a {float: left; border: 1px solid #444; padding: 5px 10px; border-radius: 4px; color: #444; font-size: 14px; margin-right: 10px;}
	.autoriz {width:100%; float: left; text-align: center; background:#fff; padding: 30px 0; }
	.autoriz a{  border-radius: 4px; }
	.autoriz a:hover{text-decoration: none; opacity: 0.8;}
	.autoriz .text {text-align: center; padding: 30px 0 10px 0; color: #c40000; font-size: 14px;} 
	.add-otziv {width:100%; float: left; padding-top:20px;}
	.add-otziv-big {width:100%; float: left; margin-top:20px;}
	.left-add-otziv {float: left; width:100%; margin-top:20px;}


.add-comm-wrap {float:left; width: 100%; box-sizing: border-box; background: #fff; padding: 20px 20px;}
	.addcomment {float:left;  width: 100%;}
	.addcomment-tit {float:left;  padding-bottom:10px;  font-weight: 600; color: #313b40; font-size: 16px; line-height: 20px; width: 100%;}
}

.rating-wrap {float: left; width: 100%; padding-top: 20px;}
	.rating-title {float: left; width: 100%; font-weight: 600;color: #313b40;font-size: 16px;line-height: 20px; padding-bottom: 15px;}
	.knopka-rating {float: left; width: 100%;}
	.btnra { font-weight: 600; display: inline-block; font-size: 18px; border: 1px solid #aaaaaa;  margin-right: 5px;  padding: 7px 17px; cursor: pointer; border-radius: 4px;}
	.btnra.on { background-color: #10d54c;color: #fff; font-weight: 600; border: 1px solid #10d54c;}

@media only screen and (min-width: 750px) {
.offer-poisk {position: relative;  background: #fff url(../images/bg_offer.svg) top right;background-repeat: no-repeat; background-size:30%; width:100%; padding: 20px 30px; box-sizing: border-box;}
	.offer-block {width:100%; height:100%; float: left; padding: 30px 70px 0 0px; box-sizing: border-box;}
	.link-podbor {border-top: 1px solid #dddede;width:100%; height: 50px;  overflow: hidden;  float: left;box-sizing: border-box; padding: 0 15px; margin-bottom: 30px; background: #fff;}
	.link-podbor a{float: left; color: #444; padding: 0 15px; font-size: 14px; line-height: 50px;}
	.link-podbor a:hover{text-decoration: none; opacity: 0.8; color:#fff; background: #06a8f2;}

.blokosnova {position: relative; font-size: 14px; line-height: 22px; float:left; width:100%; margin-top: 20px;}
	.osnovatitle {background:#10d54c; height: 50px; line-height: 50px; font-size: 18px; font-weight: 600; color:#fff; text-align: center;}
}

@media only screen and (max-width: 749px) {
.offer-poisk {position: relative;  background: #fff; width:100%; padding: 20px 20px 50px 20px; box-sizing: border-box;}
	.offer-poisk h1 {padding-bottom: 0;}
	.offer-block {display: none;}
	.link-podbor {border-top: 1px solid #dddede;width:100%; height: 40px; overflow: hidden; float: left;box-sizing: border-box;  margin-bottom: 30px; background: #fff;}
	.link-podbor a{float: left; color: #444; padding: 0 15px ; font-size: 10px; line-height: 40px;}
	.link-podbor a:hover{text-decoration: none; opacity: 0.8; color:#fff; background: #06a8f2;}

.blokosnova {position: relative; line-height: 22px; float:left; width:100%; margin-top: 20px;}
	.osnovatitle {background:#10d54c; height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; color:#fff; text-align: center;}
}

@media only screen and (min-width: 750px) {	
.short_offer_rek, .short_offer {width:100%; float: left; position: relative; background:#fff; margin-bottom: 10px; border-bottom: 3px solid #fff; box-sizing: border-box;}
	.short_offer_rek:hover, .short_offer:hover { border-bottom: 3px solid #10d54c;}
    .kr-offer {  display: flex; width:100%; box-sizing: border-box;}
	.kr-offer-title {width:70%; height:100%; float: left; box-sizing: border-box;}
	.kr-offer-btn {width:30%; height:100%; float: left; box-sizing: border-box; margin-bottom: 10px;}
	.kr-offer-title a{width:100%; height:100%; float: left; font-size: 18px;  line-height: 20px;font-weight: 700; padding-bottom: 10px; box-sizing: border-box; margin-bottom: 10px;}
	.kr-offer-title a:hover{text-decoration: none; opacity: 0.8;}
	.kr-offer-1 {align-items: stretch; flex-basis: 200px; height:100%; float: left;  padding: 30px 30px 0 30px; box-sizing: border-box;}
	.kr-offer-1 img{width:100%;}
	.nazvbank {width:100%; height:100%; float: left; color:#aaaaaa; text-align: center; font-size: 12px;}
	.kr-offer-2 {align-items: stretch; flex-basis: 80%; height:100%; float: left; border-left:2px solid #eceded; border-bottom: 2px solid #eceded; box-sizing: border-box; padding: 20px 30px 20px 20px;}
	.kr-offer-3 {width:30%; height:100%; float: left;}
	.kr-offer-stavka {width:100%; height:100%; float: left; font-size: 22px;  line-height: 26px;font-weight: 600;}
	.kr-offer-3 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; box-sizing: border-box;}
	.kr-offer-4 {width:40%; height:100%; float: left;}
	.kr-offer-summa {width:100%; height:100%; float: left; font-size: 16px;  line-height: 26px; text-align: center; font-weight:600;}
	.kr-offer-4 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: center;}
	.kr-offer-5 {width:30%; height:100%; float: left;}
	.kr-offer-srok {width:100%; height:100%; float: left; font-size: 16px;  line-height: 26px; text-align: right; font-weight:600;}
	.kr-offer-5 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: right;}
	.kr-offer-pay {display: flex; width:100%;margin-bottom:  10px; }
	.kr-offer-pay-left {align-items: stretch; flex-basis: 200px; padding-right: 30px; line-height: 40px; font-size: 11px; color:#aaaaaa; margin-top: 5px; text-align: center; box-sizing: border-box; width:100%;}
	.kr-offer-pay-center {align-items: stretch; justify-content: center; flex-basis: 60%;width:100%; line-height: 40px; margin-top: 7px;}
	.kr-offer-pay-center span {float: left; font-weight: 600; padding-right: 10px;}
	.kr-offer-pay-center img {height: 16px; float: left; padding: 12px 15px 12px 0;}
	.kr-offer-pay-right {align-items: stretch; flex-basis: 20%; width:100%;line-height: 20px; text-align:right; line-height: 40px; margin-top: 7px; padding-right: 30px; box-sizing: border-box;}
	.kr-offer-pay-right a{text-align: center; float: right; color: #444;  margin-top: 0px; font-size: 14px;}
	.kr-offer-pay-right a:hover{text-decoration: none; color: #06a8f2;}
	.rekomend {position: absolute; background:#ff4242; color:#fff; padding: 10px 15px; top:0; left:0;}
	.offer-online a{float: right; cursor: pointer; height: 41px; font-size: .94em; border-radius: 2px; line-height: 21px; outline: none; color: #fff !important;  padding: 10px 22px; text-decoration: none !important;  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); background-color: #10d54c; -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;  box-sizing: border-box;}
	.offer-online a:hover{text-decoration: none; opacity: 0.8;}
}

@media only screen and (max-width: 749px) {	
.short_offer_rek, .short_offer {width:100%; float: left; position: relative; background:#fff; margin-bottom: 10px; border-bottom: 3px solid #fff; }
	.short_offer_rek:hover, .short_offer:hover { border-bottom: 3px solid #10d54c;}
	.kr-offer {float: left; width: 100%; box-sizing: border-box;}
	.kr-offer-title {float: left; width: 100%;  height:100%; float: left; box-sizing: border-box;}
	.kr-offer-btn {float: left; width: 100%;  height:100%; float: left; box-sizing: border-box; margin-bottom: 10px; text-align: center;}
	.kr-offer-title a{width:100%; height:100%; float: left; font-size: 18px;  line-height: 20px;font-weight: 700; padding-bottom: 10px; box-sizing: border-box; margin-bottom: 10px;}
	.kr-offer-title a:hover{text-decoration: none; opacity: 0.8;}
	.kr-offer-1 {float: left; width: 100%;  padding: 10px 20px 0 20px; box-sizing: border-box; }
	.kr-offer-1 img{max-width:100px;}
	.nazvbank {width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px;}
	.kr-offer-2 {float: left; width: 100%; border-bottom: 2px solid #eceded; box-sizing: border-box; padding: 10px 20px 10px 20px;}
	.kr-offer-3 {width:50%; height:100%; float: left;}
	.kr-offer-stavka {width:100%; height:100%; float: left; font-size: 22px;  line-height: 26px;font-weight: 600;}
	.kr-offer-3 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; box-sizing: border-box;}
	.kr-offer-4 {width:50%; height:100%; float: left;}
	.kr-offer-summa {width:100%; height:100%; float: left; font-size: 16px;  line-height: 26px; text-align: right; font-weight:600;}
	.kr-offer-4 span{width:100%; height:100%; float: left; color:#aaaaaa; font-size: 12px; text-align: right;}
	.kr-offer-5 {display: none;}
	.kr-offer-pay {display:none;}
	.rekomend {position: absolute; background:#ff4242; color:#fff; padding: 10px 15px; top:0; right:0;}
	.offer-online a{ float: left; cursor: pointer; height: 41px; font-size: .94em; border-radius: 2px; line-height: 21px; outline: none; color: #fff !important;  padding: 10px 22px; text-decoration: none !important;  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); background-color: #10d54c; -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;  box-sizing: border-box;}
	.offer-online a:hover{text-decoration: none; opacity: 0.8;}
}

@media only screen and (min-width: 750px) {
.wrap-texting { width: 100%;float: left; background: #fff; margin-top: 20px; box-sizing: border-box; padding: 20px 30px;}
.se-texting { width: 100%; position: relative; float: left; font-size: 15px;  line-height: 22px;}
	.se-texting img{max-width: 100%;}
	.se-texting h2{font-size: 24px; padding: 20px 0 10px 0; margin:0 0 10px 0; text-rendering: optimizeLegibility;}
	.se-texting h3{font-size: 20px; padding: 20px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.se-texting h4{font-size: 20px; padding: 20px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.se-texting h5{font-size: 20px; padding: 20px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.se-texting ul {padding: 10px 0 20px 40px; list-style: disc outside;}
	.se-texting ul li{padding: 5px 0; }
	.se-texting ol { padding: 10px 0 20px 40px; counter-reset:  item;  list-style-type: none;}
	.se-texting ol li{padding: 5px 0; font-weight:normal;}
	.se-texting ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
	.se-texting table {width: 100%; margin: 15px 0;}
	.se-texting td{padding: 5px 10px; border: 1px solid #aaaaaa;}
}

@media only screen and (max-width: 749px) {
.wrap-texting { width: 100%;float: left; background: #fff; margin-top: 20px; box-sizing: border-box; padding: 20px 20px;}
.se-texting { width: 100%; position: relative; float: left; font-size: 15px;  line-height: 22px;}
	.se-texting img{max-width: 100%;}
	.se-texting h2{font-size: 20px; padding: 20px 0 10px 0; margin:0 0 10px 0; text-rendering: optimizeLegibility;}
	.se-texting h3{font-size: 20px; padding: 20px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.se-texting h4{font-size: 20px; padding: 20px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.se-texting h5{font-size: 20px; padding: 20px 0 10px 0; margin:0; text-rendering: optimizeLegibility;}
	.se-texting ul {padding: 5px 0 10px 20px; list-style: disc outside;}
	.se-texting ul li{padding: 5px 0; }
	.se-texting ol { padding: 5px 0 10px 20px; counter-reset:  item;  list-style-type: none;}
	.se-texting ol li{padding: 5px 0; font-weight:normal;}
	.se-texting ol li:before {  counter-increment: item;  content: counter(item) ". ";  font-weight: bold;}
	.se-texting table {width: 100%; margin: 15px 0;}
	.se-texting td{padding: 5px 10px; border: 1px solid #aaaaaa;}
}


@media only screen and (min-width: 750px) {
.card-offer-rek, .card-offer {position: relative; border-bottom: 3px solid #e2e2e2; display: flex; background:#fff; width:100%; padding: 30px 30px; box-sizing: border-box; }
	.card-offer-rek:hover, .card-offer:hover {border-bottom: 3px solid #10d54c;}
	.card-offer-title {width:100%; height:100%; float: left;}
	.card-offer-title a{width:100%; height:100%; float: left; font-size: 18px;  line-height: 22px;font-weight: 700; box-sizing: border-box; margin-bottom: 20px;}
	.card-offer-title a:hover{text-decoration: none; opacity: 0.8;}
	.card-offer-1 {align-items: stretch; flex-basis: 30%; height:100%; float: left;  padding-right: 20px;}
	.card-offer-1 img{max-width:100%;}
	.card-offer-2 {align-items: stretch; flex-basis: 60%; height:100%; float: left;}
	.card-offer-3 {align-items: stretch; flex-basis:20%; height:100%; float: left;}
	.card-offer-info {width:100%; height:100%; float: left; padding: 5px 0; font-size: 16px;}
	.card-offer-info span { padding: 2px 10px 2px 0; color:#aaaaaa; font-size: 12px;}
	.nazvbankcard {width:100%; height:100%; float: left; font-size: 12px;}
	.offer-post a{text-align: center; float: right; background: #fff; color: #aaaaaa; margin-top: 0px; border-radius: 4px; padding: 6px 0; width:110px; font-size: 14px; padding-right: 10px;}
	.offer-post a:hover{text-decoration: none; color: #06a8f2;}
}

@media only screen and (max-width: 749px) {  
.card-offer-rek, .card-offer {position: relative; border-bottom: 5px solid #e2e2e2; background:#fff; float: left; width:100%; padding: 20px 20px; box-sizing: border-box;}
	.card-offer-rek:hover, .card-offer:hover {border-bottom: 5px solid #10d54c;}
	.card-offer-title {width:100%; float: left; text-align: left;}
	.card-offer-title a{width:100%;  float: left; font-size: 16px;  line-height: 22px;font-weight: 700; box-sizing: border-box; margin-bottom: 10px;}
	.card-offer-title a:hover{text-decoration: none; opacity: 0.8;}
	.card-offer-1 {width:100%; height:100%; float: left; text-align: left;}
	.card-offer-1 img{max-width:100px;}
	.card-offer-2 {width:100%; height:100%; float: left; text-align: left; margin-bottom: 10px;}
	.card-offer-3 {width:100%; height:100%; float: left; text-align: left;}
	.card-offer-info {width:100%; height:100%; float: left; padding: 5px 0;  text-align: left; }
	.card-offer-info span { padding: 2px 10px 2px 0; color:#aaaaaa; font-size: 12px;}
	.nazvbankcard {width:100%; height:100%; float: left; font-size: 12px;}
	.offer-post a{text-align: center; float: right; background: #fff; color: #444; margin-top: 0px; border-radius: 4px; padding: 6px 0; width:110px; font-size: 14px; padding-right: 10px;}
	.offer-post a:hover{text-decoration: none; color: #06a8f2;}   
}

@media only screen and (min-width: 750px) {
.right-knopka-usl {background:#f0f0f0 url(../images/point.svg) right;  background-repeat: no-repeat; float: left; width:100%; padding: 20px 40px; box-sizing: border-box; text-align: }
	.right-knopka-usl a {background:#fce339; float:left; box-shadow: 0 35px 30px -25px rgba(0,0,0,.15); color: #000; font-size:18px; padding: 20px 40px; line-height: 20px; border-radius: 3px;}
	.right-knopka-usl a:hover{text-decoration: none; opacity: 0.8;}  
}

@media only screen and (max-width: 749px) {
.right-knopka-usl {background:#f0f0f0; float: left; width:100%; padding: 10px; box-sizing: border-box; text-align: center;}
	.right-knopka-usl a {background:#fce339; float: left; color: #000; padding: 14px 0px; font-size: 14px; text-align: center; width:100%;line-height: 20px; border-radius: 3px;}
	.right-knopka-usl a:hover{text-decoration: none; opacity: 0.8;}
}

@media only screen and (min-width: 750px) {
.full-rek-otz {float: left; width: 100%; margin: 20px 0 0 0; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); padding: 30px 30px; box-sizing: border-box;}
	.full-rek-otz h2 {float: left; margin: 0; font-size: 22px;}
	.full-rek-otz span{font-size: 26px; color: #08d948; font-weight: 600; float: right;}
	.full-rek-otz-all {float: left; width: 100%; margin: 20px 0 0 0; border-top: 1px solid #d0d0d0; padding: 40px 0 20px 0; text-align: center;}
	.full-rek-otz-all a{color: #fff; background: #08d948; padding: 15px 20px;  border-radius: 4px; }
	.full-rek-otz-all a:hover{text-decoration: none; opacity: 0.8;}
}

@media only screen and (max-width: 749px) {
.full-rek-otz {float: left; width: 100%; margin: 20px 0 0 0; background: #fff; box-shadow: 2px 4px 20px -4px rgba(0, 0, 0, .1); border-radius: 4px; padding: 20px 20px; box-sizing: border-box;}
	.full-rek-otz h3 {float: left; margin: 0; font-size: 18px;}
	.full-rek-otz span{font-size: 22px; color: #08d948; font-weight: 600; float: right;}
	.full-rek-otz-all {float: left; width: 100%; margin: 20px 0 0 0; border-top: 1px solid #d0d0d0; padding: 40px 0 20px 0; text-align: center;}
	.full-rek-otz-all a{color: #fff; background: #08d948; padding: 15px 20px;  border-radius: 4px; }
	.full-rek-otz-all a:hover{text-decoration: none; opacity: 0.8;}
}
@media only screen and (min-width: 750px) { 
.offer-but-full {float: left; width: 100%;}
	.but-full-left {position: relative;float: left; width: 50%;background:#fce339; line-height: 60px; text-align: center; font-weight:700; font-size:20px; color:#353a37;}
	.but-full-left:after {content: "";display: block; position: absolute;left: 100%;top: 0;border: 30px solid transparent;border-left: 21px solid #fce339; z-index: 9;}
	.but-full-right {float: left; width: 50%;background:#10d54c; line-height: 60px; text-align: center; font-weight:700; font-size:22px; color:#fff;}
	.but-full-right a{color:#fff; width: 100%; float:left;}
	.but-full-right:hover, .but-full-right a:hover{text-decoration: none; opacity: 0.8;}
}

@media only screen and (max-width: 749px) {	
.offer-but-full {float: left; width: 100%;}
	.but-full-left {display:none;}
	.but-full-left:after {content: "";display: block; position: absolute;left: 100%;top: 0;border: 30px solid transparent;border-left: 21px solid #fce339; z-index: 9;}
	.but-full-right {box-sizing: border-box; border:8px #f0f0f0 solid; float: left; width: 100%;background:#10d54c; line-height: 54px; text-align: center; font-weight:700; font-size:20px; color:#fff;}
	.but-full-right a{color:#fff; width: 100%; float:left;}
	.but-full-right:hover, .but-full-right a:hover{text-decoration: none; opacity: 0.8;}
}

	
@media only screen and (min-width: 750px) {
.filter {width:100%; float: left; padding-bottom: 30px;} 
	.filter-block {width:50%; float: left;box-sizing: border-box;}
	.filter-block:nth-child(1n){ padding-right: 15px; }
	.filter-block:nth-child(2n){ padding-left: 15px;}
	.filter-left-nomer {float: left;margin: 5px 0 15px 0px; color: #313b40;font-size: 20px; font-weight: 600;}
	.filter-right-nomer { float: right; margin: 5px 0px 15px 10px; color: #313b40; font-size: 20px; font-weight: 600;}
	.filter-banner { color: #adadad; font-size: 13px; float: left; width: 100%; margin-top: 10px;}
	.filter .slider1 {height:6px; background:#d5d3d3; position:relative; margin:0 auto; padding:0 10px; border: 0;}
	.filter .ui-slider { margin:0; padding: 0; }
	.filter .ui-slider-horizontal { margin:0; padding: 0;}
	.filter .ui-widget { margin:0; padding: 25px;}
	.filter .ui-widget-content { margin:0; padding: 0;}
	.filter .ui-corner-all { margin:0; padding: 0; border-radius: 4px;}
	.filter .ui-state-default { box-shadow:0;}
	.filter .ui-slider-handle {width:23px; height:23px; position:absolute;background: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;  margin-top: -15px; margin-left:-12px; border-radius: 50%; z-index:1;}
	.filter .ui-widget-header { background: #10d54c; height:6px;left:1px; top:1px;} 
}

@media only screen and (max-width: 749px) {
.filter {width:100%; float: left;}
	.filter-block {width:100%; float: left;box-sizing: border-box;}
	.filter-left-nomer {float: left;margin: 0px 0 10px 0px; color: #313b40;font-size: 18px; font-weight: 400;}
	.filter-right-nomer { float: right; margin: 0px 0px 10px 10px; color: #313b40; font-size: 18px; font-weight: 400;}
	.filter-banner { color: #adadad; font-size: 12px; float: left; width: 100%; margin-top: 15px;}
	.filter .slider1 {height:6px; background:#d5d3d3; position:relative; margin:0 auto; padding:0 10px; border: 0;}
	.filter .ui-slider { margin:0; padding: 0; }
	.filter .ui-slider-horizontal { margin:0; padding: 0;}
	.filter .ui-widget { margin:0; padding: 25px;}
	.filter .ui-widget-content { margin:0; padding: 0;}
	.filter .ui-corner-all { margin:0; padding: 0; border-radius: 4px;}
	.filter .ui-state-default { box-shadow:0;}
	.filter .ui-slider-handle {width:23px; height:23px; position:absolute;background: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px;  margin-top: -15px; margin-left:-12px; border-radius: 50%; z-index:1;}
	.filter .ui-widget-header { background: #10d54c; height:6px;left:1px; top:1px;}
}

@media only screen and (min-width: 750px) {
.banner_skidki {float: left; width: 100%; background: #06a8f2 url(../images/sale.svg) bottom right;  background-repeat: no-repeat; box-sizing: border-box; padding: 30px 50px; margin-top: 20px;}
	.banner_skidki .title {float: left; width: 100%;font-weight: 900;font-size: 26px; color: #fff;}
	.banner_skidki .text {float: left; color: #fff; width: 50%; padding: 20px 0;}
	.banner_skidki .knop {float: left; width: 100%;}
	.banner_skidki .knop a{float: left; color: #444 !important;background-color: #fff; border-radius: 2px; padding: 10px 20px;}
	.banner_skidki .knop a:hover{text-decoration: none; opacity: 0.8;}
}

@media screen and (min-width: 400px) and (max-width: 749px) { 
.banner_skidki {float: left; width: 100%; background: #06a8f2 url(../images/sale.svg) bottom right;  background-size: 70%; background-repeat: no-repeat; box-sizing: border-box; padding: 30px 20px; margin-top: 20px;}
	.banner_skidki .title {float: left; width: 100%;font-weight: 900;font-size: 22px; color: #fff;}
	.banner_skidki .text {float: left; color: #fff; width: 50%; padding: 20px 0;}
	.banner_skidki .knop {float: left; width: 100%;}
	.banner_skidki .knop a{float: left; color: #444 !important;background-color: #fff; border-radius: 2px; padding: 10px 20px;}
	.banner_skidki .knop a:hover{text-decoration: none; opacity: 0.8;}
}
@media only screen and (max-width: 399px) {
.banner_skidki {float: left; width: 100%; background: #06a8f2 url(../images/sale.svg) bottom right; background-size: 50%;  background-repeat: no-repeat; box-sizing: border-box; padding: 20px 20px; margin-top: 20px;}
	.banner_skidki .title {float: left; width: 100%;font-weight: 900;font-size: 20px; color: #fff;}
	.banner_skidki .text {float: left; color: #fff; width:80%; padding: 20px 0;}
	.banner_skidki .knop {float: left; width: 100%;}
	.banner_skidki .knop a{float: left; color: #444 !important;background-color: #fff; border-radius: 2px; padding: 10px 20px;}
	.banner_skidki .knop a:hover{text-decoration: none; opacity: 0.8;}
}	

@media only screen and (min-width: 750px) {
.banner_vopros {float: left; width: 100%; background: #10d54c url(../images/voite.svg) bottom right;  background-repeat: no-repeat; box-sizing: border-box; padding: 30px 50px; margin-top: 20px;}
	.banner_vopros .title {float: left; width: 100%;font-weight: 900;font-size: 26px; color: #fff;}
	.banner_vopros .text {float: left; color: #fff; width: 50%; padding: 20px 0;}
	.banner_vopros .knop {float: left; width: 100%;}
	.banner_vopros .knop a{float: left; color: #444 !important;background-color: #fff; border-radius: 2px; padding: 10px 20px;}
	.banner_vopros .knop a:hover{text-decoration: none; opacity: 0.8;}
}

@media screen and (min-width: 400px) and (max-width: 749px) { 
.banner_vopros {float: left; width: 100%; background: #10d54c url(../images/voite.svg) bottom right;  background-size: 50%; background-repeat: no-repeat; box-sizing: border-box; padding: 30px 20px; margin-top: 20px;}
	.banner_vopros .title {float: left; width: 100%;font-weight: 900;font-size: 22px; color: #fff;}
	.banner_vopros .text {float: left; color: #fff; width: 50%; padding: 20px 0;}
	.banner_vopros .knop {float: left; width: 100%;}
	.banner_vopros .knop a{float: left; color: #444 !important;background-color: #fff; border-radius: 2px; padding: 10px 20px;}
	.banner_vopros .knop a:hover{text-decoration: none; opacity: 0.8;}
}
@media only screen and (max-width: 399px) {
.banner_vopros {float: left; width: 100%; background: #10d54c url(../images/voite.svg) bottom right; background-size: 50%;  background-repeat: no-repeat; box-sizing: border-box; padding: 20px 20px; margin-top: 20px;}
	.banner_vopros .title {float: left; width: 100%;font-weight: 900;font-size: 20px; color: #fff;}
	.banner_vopros .text {float: left; color: #fff; width:100%; padding: 20px 0;}
	.banner_vopros .knop {float: left; width: 100%;}
	.banner_vopros .knop a{float: left; color: #444 !important;background-color: #fff; border-radius: 2px; padding: 10px 20px;}
	.banner_vopros .knop a:hover{text-decoration: none; opacity: 0.8;}
}

.right_add_vopros {text-align: center; background:#fff; width:100%; padding: 30px 30px; box-sizing: border-box; margin-bottom: 20px;}
	.right_add_vopros img {width: 200px;}
	.rek-title {float: left; width:100%; padding: 2px 0; float: left; font-weight: 600; font-size: 22px;}
	.rek-text { color:#aaaaaa; float: left; width:100%; line-height: 14px; font-size: 12px; padding: 5px 0 15px 0;}
	.rekl-link a{text-align: center; float: left; width:100%; background: #10d54c; color: #fff; padding: 12px 0;  border-radius: 3px;  font-size: 16px;}
	.rekl-link a:hover{text-decoration: none; opacity: 0.8;}

.right-menu {background: #fff; padding: 20px 30px; margin-bottom: 20px; float: left; width: 100%; box-sizing: border-box;}
	.right-menu-title {font-weight:600; font-size: 18px; border-bottom: 1px solid #dddede; line-height: 30px; padding: 0 0 10px 0; float: left; width: 100%; box-sizing: border-box;}
	.right-menu-link {float: left; width: 100%;}
	.right-menu-link a{float: left; width: 100%; border-bottom: 1px dashed #dddede; color: #333438; padding: 10px 0;}
	.right-menu-link a:hover{color: #008bea; text-decoration: none;}
	  
.seo-link {background: #fff; padding: 20px 30px; margin-bottom: 20px; float: left; width: 100%; box-sizing: border-box;}
	.seo-link-title {font-weight:600; font-size: 18px; border-bottom: 1px solid #dddede; line-height: 30px; margin-bottom: 10px; padding: 0 0 10px 0; float: left; width: 100%; box-sizing: border-box;}
	.seo-link-menu {float: left; width: 100%;  height: 170px; overflow: hidden; position: relative; }
	.seo-link-menu a{float: left; width: 100%; color: #333438; padding: 5px 0; font-size: 13px;}
	.seo-link-menu a:hover{color: #008bea; text-decoration: none;}
	.seo-link-menu.opener { height: auto; padding-bottom: 40px;}
	.seo-link-menu:after {  content: "";  width: 100%;  left: 0;  position: absolute;  height: 50px;  bottom: 0;  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
	.seo-link-menu.opener:after {  opacity: 0;}
	.button {cursor:pointer;}
	.gid-link-menu {float: left; width: 100%;}
	.gid-link-menu a{float: left; width: 100%; color: #333438; padding: 10px 0;}
	.gid-link-menu a:hover{color: #008bea; text-decoration: none;}
	

	
.aktiv-banner {float: left; width:100%; padding: 0; text-align: center; display: block; }
.aktiv-banner img {max-width: 100%;}

.back-cont-info {float: left; width: 100%; background:#eeeeee; padding: 20px 30px; box-sizing: border-box; margin-bottom: 20px;}
.no-offer {float: left; width: 100%; line-height: 22px; font-size: 16px; font-weight: 600; text-align: center; box-sizing: border-box; padding: 30px 20px;}
.block-kol {float: left; width: 100%;}

.main_otziv {float: left; width: 100%; padding: 15px 0; border-bottom: 1px solid #ebf0f1;}
	.main_otziv_rate_1 {float: left; width: 67px;height: 12px; background-image: url(../images/otz1.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.main_otziv_rate_2 {float: left; width: 67px;height: 12px; background-image: url(../images/otz2.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.main_otziv_rate_3 {float: left; width: 67px;height: 12px; background-image: url(../images/otz3.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.main_otziv_rate_4 {float: left; width: 67px;height: 12px; background-image: url(../images/otz4.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.main_otziv_rate_5 {float: left; width: 67px;height: 12px; background-image: url(../images/otz5.svg); background-position: 0 0; margin: 5px 10px 0 0;}
	.main_otziv_title {float: left; font-weight: 600; line-height: 22px;}
	.main_otziv_title a{color: #444; }
	.main_otziv_title a:hover {text-decoration:none; color: #06a8f2;}
	.main_otziv_title_2 {float: left; width: 100%; border-top: 1px dashed #ebf0f1; padding: 5px 0; line-height: 22px; margin-top: 5px; font-weight: 600;}
	.text_comment {float: left; width: 100%; font-size: 12px;}