@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Regular-webfont.eot');
    src: url('../fonts/Lato/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato/Lato-Regular-webfont.woff2') format('woff2'),
    url('../fonts/Lato/Lato-Regular-webfont.woff') format('woff'),
    url('../fonts/Lato/Lato-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Italic-webfont.eot');
    src: url('../fonts/Lato/Lato-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato/Lato-Italic-webfont.woff2') format('woff2'),
    url('../fonts/Lato/Lato-Italic-webfont.woff') format('woff'),
    url('../fonts/Lato/Lato-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Bold-webfont.eot');
    src: url('../fonts/Lato/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato/Lato-Bold-webfont.woff2') format('woff2'),
    url('../fonts/Lato/Lato-Bold-webfont.woff') format('woff'),
    url('../fonts/Lato/Lato-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-BoldItalic-webfont.eot');
    src: url('../fonts/Lato/Lato-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato/Lato-BoldItalic-webfont.woff2') format('woff2'),
    url('../fonts/Lato/Lato-BoldItalic-webfont.woff') format('woff'),
    url('../fonts/Lato/Lato-BoldItalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'LatoSemibold';
    src: url('../fonts/Lato/Lato-Semibold-webfont.eot');
    src: url('../fonts/Lato/Lato-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato/Lato-Semibold-webfont.woff2') format('woff2'),
    url('../fonts/Lato/Lato-Semibold-webfont.woff') format('woff'),
    url('../fonts/Lato/Lato-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'AvenirNext';
	src: url(/bitrix/templates/2019_jbl/fonts/AvenirNextCyr-Regular.otf);
	src: local("AvenirNextCyr-Regular"), local("AvenirNextCyr-Regular"), url(/bitrix/templates/2019_jbl/fonts/AvenirNextCyr-Regular.otf);
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: 'AvenirNextBold';
	src: url(/bitrix/templates/2019_jbl/fonts/AvenirNextCyr-Bold.otf);
	src: local("AvenirNextCyr-Bold"), local("AvenirNextCyr-Bold"), url(/bitrix/templates/2019_jbl/fonts/AvenirNextCyr-Bold.otf);
	font-weight: 700;
	font-style: normal
}

*{ padding: 0; margin: 0; }
img{ border: none; }
input, textarea, input:active, textarea:active { outline: none transparent!important; box-shadow: none; -moz-outline: none!important; }
input[type=submit], button[type=submit]{ -webkit-appearance: none; -webkit-border-radius: 0; }
:focus {outline:none;}

/* Общие стили */
.clear{ clear: both; }
.left{ float: left; }
.right{ float: right; }


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}


body {
    position: relative;
    min-width: 1180px;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}

body.grey{ background: #f4f6f8;}


.bx-composite-btn {
    visibility: hidden;
    opacity: 0;    
}

.cont { 
    width: 1060px; 
    margin: 0 auto; 
    position:relative;
}
.cont:before,
.cont:after {
    content: " ";
    display: table;
}
.cont:after {
    clear: both;
}

.bg_image{
	display: block;
	position: absolute;
    margin-top:-650px;
	left: 0;
	width: 100%;
	z-index: -1;
	overflow: hidden;
	height: 640px;
}
.bg_image img{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1280px;
}
/* End Общие стили */

/*=============================*/

/* Стили шапки сайта */
header {
    position:relative;
    z-index:49;
}
header .top_line{
	/*height: 40px;*/
    height: 60px;
	background: #333;
}

header .top_line .cont {
    padding-top:10px;
}

header .top_line .links li{
	list-style-type: none;
	display: inline-block;
	color: #888;
	font: 12px/40px "Lato";
	/*margin: 0 6px 0 6px;*/
	margin: 0 12px 0 10px;
}
/*header .top_line .links.auth-user li{*/
header .top_line .links li{
	margin: 0 6px 0 6px;
}
header .top_line .links li a{
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
header .top_line .links li span{
	display: inline-block;
	margin-left: 8px;
	background: #8a8a8a;
	height: 17px;
	vertical-align: middle;
	color: #333;
	font: 12px/17px 'Lato';
	padding: 0 7px;
	border-radius: 10px;
}
header .top_line .links li a:hover{ color: #fff; }

header .top_line .lk{
	position: relative;
	padding-right: 10px;
	font: 14px/40px 'Lato';
}
header .top_line .lk > a{
	color: #888;
	text-decoration: none;
}
header .top_line .lk > a:hover{ color: #fff; }
header .top_line .lk .avatar{
	background: #8a8a8a;
	border-radius: 50%;
	margin-right: 7px;
	margin-top: -1px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	display: inline-block;
	color: #333;
	line-height: 20px;
	text-align: center;
}
header .top_line .lk .login_link{
	margin-left: 15px;
	display: inline-block;
	padding: 0 15px;
	border-radius: 3px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	background: #33b5e5;
}

header .top_line .lk .modal_lk{
	background: #333;
	border-radius: 0 0 10px 10px;
	position: absolute;
	top: 40px;
	right: 0;
	width: 132px;
	display: none;
    z-index:10;
}
header .top_line .lk:hover .modal_lk{ display: block; }
header .top_line .lk .modal_lk li{ list-style-type: none; }
header .top_line .lk .modal_lk li a{
	display: block;
	padding: 0 12px;
	height: 26px;
	color: #888;
	font: 12px/26px 'Lato';
	text-decoration: none;
	width: 108px;
	border-bottom: 1px solid #333;
	text-align: left;
}
header .top_line .lk .modal_lk li a:hover{ background: #fff; color: #333; }
header .top_line .lk .modal_lk li:last-child a{ border-radius: 0 0 9px 9px; border-color: #8a8a8a; }
header .top_line > .cont{
	text-align: right;
}

header .info{ padding: 11px 0 15px; }
header .info .logo img{ display: block; }

header .info .logo .logo-svg {
    width: 234px;
    height: 92px;
    display: block;
    background: url(../images/logo.svg) -14px -14px;
    text-indent: -9999px;
}

.use-white-logo header .info .logo .logo-svg {
    background-position: -14px -136px;
}

header .info .banner img{ display: block; }

header .menu{
	height: 39px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	margin-bottom: 15px;
}
header .menu ul{ margin-left: 5px; }
header .menu ul > li{
	list-style-type: none;
	display: inline-block;
	color: #939393;
	font: 700 12px/39px 'Lato';
	text-transform: uppercase;
	margin: -1px 4px;
	padding: 1px 0;
}
header .menu ul > li > a{
    color: #939393;
    text-decoration: none;
    display: block;
    padding: 0 5px;
    margin: 0 -5px;
}
header .menu ul > li:hover > a{
    color: #000;
    background: #EDEDED;
}
header .menu ul > li > a.active{ color: #33b5e5; }

.drop_menu{
	width: 100%;
	position: absolute;
	top: 40px;
	left: 0;
	background: #f4f6f8;
	z-index: 99999;
	display: none;
}
header .menu ul > li:hover .drop_menu{ display: block; }
.drop_menu .cats{
	background: #ededed;
	border-right: 1px solid #e1e1e1;
	width: 202px;
	padding: 14px 0;
}
.drop_menu .cats li{
    display:block;
	list-style-type: none;
	font: 700 12px/18px 'Lato';
	text-transform: uppercase;
	border-top: 1px solid #e1e1e1;
}
.drop_menu .cats li:last-child{ border-bottom: 1px solid #e1e1e1; }
.drop_menu .cats li a{
	display: block;
	padding: 11px 20px 10px;
	color: #333;
	text-decoration: none;
}
.drop_menu .cats li a:hover{ text-decoration: underline; }
.drop_menu .items{
	padding: 20px 0;
	width: 780px;
}
.drop_menu .items .item{
	width: 239px;
	margin: 0 0 0 20px;
	position: relative;
}
.drop_menu .items .item .label{
	display: inline-block;
	position: absolute;
	top: -1px;
	left: 0;
	height: 20px;
	line-height: 20px;
}
.drop_menu .items .item .label a{
	background: #33b5e5;
	padding: 0 10px;
	color: #fff;
	font: 10px/20px 'Lato';
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}
.drop_menu .items .item .label a:hover{ text-decoration: underline; }
.drop_menu .items .item img{
	display: block;
	max-width: 239px;
	margin-bottom: 5px;
}
.drop_menu .items .item .name{ font: 700 14px 'Lato'; }
.drop_menu .items .item .name a{
	color: #333;
	text-decoration: none;
}
.drop_menu .items .item .name a:hover{ text-decoration: underline; }


.drop_menu .cats li {position:relative;}
.drop_menu .cats li ul {
    visibility:hidden;
    position: absolute;
    top: -31px;
    left: 100%;
    z-index: 100;
    background: #ededed;
    border: 1px solid #e1e1e1;
    transition:opacity 0.2s ease-out, top 0.2s ease-out, visibility 0.2s;
    opacity:0;
    width:180px;
}
.drop_menu .cats li:hover ul {
    visibility:visible;
    opacity:1;
    top:-1px;
}

header .socials{ line-height: 39px; margin-right: 5px; }
header .socials a{
	width: 16px;
	height: 14px;
	vertical-align: middle;
	margin-right: 4px;
	color: #939393;
	font-size: 13px;
}
header .socials a.twitter:hover{ color: #00aced; }
header .socials a.vk:hover{ color: #45668e; }
header .socials a.fb:hover{ color: #3b5998; }
header .socials a.instagram:hover{ color: #517fa4; }
header .socials a.youtube:hover{ color: #e52d27; }
header .socials a.odnokl:hover{ color: #ed812b; }
header .socials a.google:hover{ color: #dd4b39; }
header .socials a.rss:hover{ color: #ff6600; }
header .socials a.email:hover{ color:#517fa4; }

header .socials a {display: inline-block; line-height: 1em;}
header .socials a.subscription i {
    background: url(../images/subscription-icon.png) 50% 1px no-repeat;
    width: 19px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}
header .socials a.subscription:hover {color:#517fa4;}
header .socials a.subscription:hover i {background-position:50% -29px;}


.with_bg_image header .menu > ul > li > a{ color: #fff; text-shadow: 0 1px #000; }
.with_bg_image header .menu > ul > li:hover > a {
    color:#fff;
    background: rgba(244, 246, 248, 0.3);
}
.with_bg_image header .menu > ul > li > a img{ opacity: 1; }
.with_bg_image header .socials a{ color: #fff; text-shadow: 0 1px #000; }
/* End Стили шапки сайта */

/*=============================*/

/* Стили боковой колонки сайта */
aside{ width: 300px; margin-bottom: 40px; background: none;}
aside .banner{ margin-bottom: 40px; }
.carousel aside{ margin-bottom: 0; }

aside .items .block_title{
	text-align: center;
	margin-bottom: 20px;
	border-bottom: 2px solid #e1e1e1;
	color: #333;
	font: 700 18px/20px 'Lato';
	padding-bottom: 7px;
}
aside .items .item{
	padding: 0 20px;
	position: relative;
}
aside .items .item + .item{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid #e1e1e1;
}
aside .items .item .label{
	display: inline-block;
	position: absolute;
	top: -2px;
	left: 20px;
	height: 20px;
	line-height: 20px;
}
aside .items .item + .item .label{ top: 18px; }
aside .items .item .label a{
	background: #33b5e5;
	padding: 0 10px;
	color: #fff;
	font: 10px/20px 'Lato';
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}
aside .items .item .label a:hover{ text-decoration: underline; }
aside .items .item img{
	display: block;
	max-width: 200px;
	margin-bottom: 5px;
}
aside .items .item .name{ font: 700 14px 'Lato'; }
aside .items .item .name a{
	color: #333;
	text-decoration: none;
}
aside .items .item .name a:hover{ text-decoration: underline; }

/* End Стили боковой колонки сайта */
/*=============================*/

/* Стили вставок smi2 */
.smi2_vertical_box {
    display: none;
    margin: 20px 0 0 0;
}
.smi2_vertical_box iframe {
    display: block;
    width: 300px;
    height: 900px;
    border: 0;
    overflow: hidden;
}

.smi2_horizontal_box {}
.smi2_horizontal_box iframe {
    display: block;
    width: 1060px;
    height: 300px;
    border: 0;
    overflow: hidden;
}

.smi2_horizontal_box_1x3 {
    margin: 0px 0 0 0;
}
.smi2_horizontal_box_1x3 iframe {
    display: block;
    /*width: 740px;
    height: 280px;*/
    width: 815px;
    height: 356px;
    border: 0;
    overflow: hidden;    
}

.smi2_horizontal_box_2x3 {
    margin: 0px 0 0 0;
}
.smi2_horizontal_box_2x3 iframe {
    display: block;
    width: 740px;
    height: 500px;
    border: 0;
    overflow: hidden;
}

/* end: Стили вставок smi2 */

/* Стили основного блока сайта */


#detailLoadNext {position:relative; height:50px; margin-bottom: 20px;}
/* #detailLoadNext.load {background:url(image/loader.gif) 50% 50% no-repeat;} */
#detailLoadNext.load {background:url(../images/ring-alt3.svg) 50% 50% no-repeat;}

.main_post{
	height: 400px;
	width: 740px;
	position: relative;
	margin-top: -19px;
	margin-bottom: 55px;
}
.main_post .gradient {
	display: block;
	background-image: -webkit-gradient(linear, -71.0% 0%, 0% 71%, from(#ba2007), to(#078aba));
	background-image: -webkit-linear-gradient(135deg, #ba2007, #078aba);
	background-image: -moz-linear-gradient(135deg, #ba2007, #078aba);
	background-image: -ms-gradient(135deg, #ba2007, #078aba);
	background-image: -o-gradient(135deg, #ba2007, #078aba);
	background-image: linear-gradient(135deg, #ba2007, #078aba);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ba2007', EndColorStr='#078aba',GradientType=0);
	// transition: all .25s ease;
	// -moz-transition: all .25s ease;
	// -ms-transition: all .25s ease;
	// -o-transition: all .25s ease;
	// -webkit-transition: all .25s ease;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	opacity: .9;
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
}



.posts .post .gradient{
    display:block;
    // -webkit-transition: all .25s ease;
    // -moz-transition: all .25s ease;
    // transition: all .25s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: .7;
    box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
}
.posts .post .gradient {
	background-image: linear-gradient(135deg, #7600b3, #56d312);
}
.posts .post:nth-child(1) .gradient {
	background-image: linear-gradient(-45deg, #dc4225, #002f4b);
}
.posts .post:nth-child(2) .gradient {
	background-image: linear-gradient(135deg, #117716, #3267a8);
}
.posts .post:nth-child(3) .gradient {
	background-image: linear-gradient(135deg, #292484, #dc4225);
}
.posts .post:nth-child(4) .gradient {
	background-image: linear-gradient(135deg, #002f4b, #417711);
}
.posts .post:nth-child(5) .gradient {
	background-image: linear-gradient(135deg, #001387, #696c13);
}
.posts .post:nth-child(6) .gradient {
	background-image: linear-gradient(135deg, #d38312, #a83279);
}
.posts .post:nth-child(7) .gradient {
	background-image: linear-gradient(135deg, #0011b3, #12d1d3);
}
.posts .post:nth-child(8) .gradient {
	background-image: linear-gradient(135deg, #7600b3, #56d312);
}

.main_post:hover .gradient,
.post:hover .gradient {
    opacity: .6;
}

// .main_post .gradient::before,
// .post .gradient::before {
//     content:"";
//     opacity:0.8;
//     background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.4) 100%);
//     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4)));
//     background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 100%);
//     background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 100%);
//     background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 100%);
//     background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 100%);
//     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
//     top:0;
//     bottom:0;
//     left:0;
//     right:0;
//     position:absolute;
// }

.main_post > img{ display: block; width: 800px !important; height: 400px !important;}
.main_post .label{
	display: inline-block;
	position: relative;
	top: 40px;
	left: 20px;
	height: 20px;
	line-height: 23px;
	z-index: 2;
}
.main_post .label a{
	background: #33b5e5;
	padding: 0 10px;
	color: #fff;
	font: 10px/20px 'Lato';
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}

.main_post .coment_count{
	display: inline-block;
	position: absolute;
	top: 50px;
	left: 20px;
	height: 20px;
	line-height: 20px;
	z-index: 2;
}
.main_post .coment_count a{
	background: #33b5e5;
	padding: 0 8px;
	color: #fff;
	font: 10px/20px 'Lato';
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}
.main_post .coment_count a img{ vertical-align: middle; margin-right: 3px; }

.main_post .info{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 700px;
	z-index: 2;
    // background: rgba(0,0,0,.5);
    padding: 20px;
}
.main_post .info .name{ font: 700 36px 'Lato'; margin-bottom:0;}
.main_post .info .name a{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	color: #fff;
	text-decoration: none;
}

.main_post .info .date{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	padding-top: 10px;
	display: none;
	color: #fff;
	font: 700 10px 'Lato';
	text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}


.category_info{
	height: 400px;
	width: 740px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
.category_info .category_thumb{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all 0.4s ease;
	height: 400px;
	line-height: 400px;
	text-align: center;
	width: 100%;
}
.category_info .category_thumb img.bg{ position: absolute; top: 0; left: 0; z-index: 1; }
.category_info .category_thumb img{ z-index: 2; position: relative; top: 20px; }
.category_info:hover .category_thumb{ top: 400px; }
.category_info .info{
	position: absolute;
	top: 0;
	height: 0;
	background: #fff;
	border: 1px solid #e1e1e1;
	padding: 20px;
	width: 740px;
	height: 400px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.category_info .info .text{
	width: 209px;
	text-align: center;
	color: #333;
	font: 14px 'Lato';
	margin-right: 20px;
}
.category_info .info .text p{ padding: 0 10px; }
.category_info .info .text img{ margin-bottom: 15px; }
.category_info .info .person{
	width: 149px;
	text-align: center;
	color: #333;
	font: 18px 'Lato';
}
.category_info .info .person .image{ margin-bottom: 5px; position: relative; }
.category_info .info .person .image .name{
	text-align: center;
	color: #fff;
	font: 700 16px 'Lato';
	text-shadow: 0 1px #000;
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
}
.category_info .info .grafic{ width: 292px; }
.category_info .info .grafic .price{
	color: #333;
	font: 700 24px/24px 'Lato';
	margin-right: 20px;
}
.category_info .info .grafic .rise{
	color: #669900;
	font: 14px/24px 'Lato';
}
.category_info .info .links{
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 700px;
	color: #333;
	font: 700 18px/24px 'Lato';
	padding-top: 20px;
	border-top: 1px solid #e1e1e1;
}
.category_info .info .links > div{ margin-bottom: 15px; }
.category_info .info .links a{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #33b5e5;
	padding: 0 10px;
	color: #fff;
	font: 14px/24px 'Lato';
	text-decoration: none;
	margin-left: 20px;
}


.banner.full div[id*="yandex"] > *:nth-child(1), .banner.full #yap-R-A-220293-1 {
    margin-bottom: 20px!important;
}
yatag#yap-R-A-220293-2 {
    display: inline-block!important;
}

div#yandex_rtb_R-A-220293-2 {
    text-align: center;
}

div[id*='yandex_rtb_R-A-220293-2'] {
    text-align: center;
}

*[id*='yap-R-A-220293'] {
    display: inline-block!important;
}

.banner_970 {
    border: 1px solid #33B5E5;
    position: relative;
    min-height: 90px;
    padding: 0 88px 0 0;
    margin: 0 0 20px 0;
    text-align: center;
}

.banner_970:before {
    content: '';
    display: block;
    position: absolute;
    width: 88px;
    height: 100%;
    top: 0;
    right: 0;
    background: #33B5E5;
}
.banner_970:after {
    content: 'реклама';
    display: block;
    position: absolute;
    width: 88px;
    bottom: 0;
    right: 0;
    background: #33B5E5;
    font: 12px/20px 'Lato';
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.banner_728_container {
    position: relative;
    border: 1px solid #33B5E5;
    height: 90px;
    padding: 5px 5px 33px;
    /* box-shadow: inset 0px 0px 0px 0px #33b5e5; */
}
.banner_728_container > a.adv_note {
    display: block;
    position: absolute;
    width: 100%;
    height: 27px;
    bottom: 0px;
    left: 0;
    background: #33B5E5;
    font: 12px/30px 'Lato';
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.banner_728_container > a.adv_note:hover {
    text-decoration: underline;
}


article {
    margin: 0 0 30px 0;
    
}
.cont_block_votes {
    margin: 50px 0 0 0;
}

.posts{	margin-left: -20px; }
.grey_bg{ background: #f4f6f8; padding-top: 15px; margin-bottom: 20px; }
.posts .block_title{
	text-align: center;
	color: #333;
	font: 700 24px 'Lato';
	padding: 0 0 15px;
	margin-left: 20px;
}
.posts .post{
	position: relative;
	margin-bottom: 20px;
	margin-left: 20px;
	height: 320px;
	width: 320px;
}
.posts .post.half{
	height: 265px;
	width: 490px;
}
.posts .post > img{ display: block; width: 320px; height: 320px; }
.posts .post.half > img{ display: block; width: 490px; height:265px; }
.posts .post .label{
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 20px;
	height: 20px;
	line-height: 22px;
	z-index: 2;
}
.posts .post.blogpost {
	border: 10px solid #33b5e5;
	border-radius: 0 50px 0 50px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
.posts .post.half.blogpost .post-name {
	height: 210px;
	width: 520px;
	padding: 20px;
}
.posts .post.blogpost .post-name {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
	height: 270px;
	width: 340px;
}
.posts .post.blogpost .post-name a {
	/*font-size: 30px;*/
	font-size: 21px;
	font-style: italic;
	font-family: Lato;
	color: #333;
	text-decoration: none;
}
.posts .post.blogpost:hover .post-name a {
	color: #33b5e5;
}
.posts .post.blogpost .blog-name {
	display: block;
	position: absolute;
	bottom: 0;
	right: 10px;
	padding: 10px;
	font-size: 18px;
	font-family: Lato;
	color: #999;
	text-decoration: none;
	margin: 0 auto;
	z-index: 2;
}
.posts .post.blogpost .blog-name:before {
	content: "— ";
}
.posts .post.blogpost .blog-name:hover {
	color: #33b5e5;
}
.posts .post.blogpost .blogpost-link {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
}
.posts .post.blogpost:before,
.posts .post.blogpost:after {
	display: block;
	width: 45px;
	height: 45px;
	background-color: #fff;
	color: #33b5e5;
	position: absolute;
	font-size: 72px;
	text-align: center;
	font-family: Georgia, serif;

} 
.posts .post.blogpost:before {
	content: "“";
	top: -25px;
	left: -25px;
}
.posts .post.blogpost:after {
	content: "”";
	bottom: -25px;
	right: -25px;
}
.posts .post .label a{
	background: #33b5e5;
	padding: 0 10px;
	color: #fff;
	font: 10px/20px 'Lato';
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}

.posts .post .coment_count{
	display: inline-block;
	position: absolute;
	top: 50px;
	left: 20px;
	height: 20px;
	line-height: 20px;
	z-index: 2;
}
.posts .post .coment_count a{
	background: #33b5e5;
	padding: 0 8px;
	color: #fff;
	font: 10px/20px 'Lato';
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}
.posts .post .coment_count a img{ vertical-align: middle; margin-right: 3px; }

.posts .post .info{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	padding: 20px;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	z-index: 2;
    // background: rgba(0,0,0,.5);
}
.posts .post .info .name{ font: 700 22px 'Lato'; margin-bottom:0;}
.posts .post .info .name a{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	color: #fff;
	text-decoration: none;
}

.posts .post .info .date{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	padding-top: 10px;
	display: none;
	color: #fff;
	font: 700 10px 'Lato';
	text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

.more{
	padding: 10px 0 30px;
	text-align: center;
}
.more span{
	border-radius: 30px;
	display: block;
	border: 1px solid #939393;
	text-decoration: none;
	color: #333;
	font: 700 14px/48px 'Lato';
	text-transform: uppercase;
	margin: 0 auto;
	width: 198px;
	height: 48px;
}
.more span:hover{ background: #fff; cursor:pointer;}
.more span i{ margin-right: 8px;}
.more span i.icon-cw {text-indent:-99999px; background:url(/bitrix/templates/iguides-2015/images/loader-arrow.png) 50% 50% no-repeat; transition: all 0.4s ease-in-out; width:14px; height:14px; display:inline-block; vertical-align:middle;}
.more span i.icon-cw:before {display:none;}
.more span i.icon-cw.load {background:url("../images/loader.gif") 50% 50% no-repeat; transition:all 0s ease 0s;}
.more span:hover i.icon-cw {transform: rotate(360deg);}


.post_head{
	padding: 20px 140px 13px;
	text-align: center;
	color: #333;
}

html body .post_head.unwrapper-post-head {padding-bottom:0; padding-top:420px; margin-top:-255px; position: relative;}
html body .unwrapper-post-head-inner {width:auto; max-width:1000px; margin:0 auto;}
html body .post_head.unwrapper-post-head  .bg_image {margin:0; top:0; left:0; right:0; bottom:0; height:auto; background:50% 50% no-repeat; background-size:cover;}

.post_head.unwrapper-post-head{color: #fff; text-shadow: 0 1px #000; }
.post_head .label{
	/*height: 20px;*/
	line-height: 20px;
	margin: 0 5px 10px;
	display: inline-block;
}
.post_head .label a{
	background: #33b5e5;
	padding: 0 10px;
	color: #fff;
	font: 10px/20px 'Lato';
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
    margin-bottom: 3px;
}

.post_head .label .is-adv {
    padding: 0 10px;
    color: #DA5D6B;
    font: 10px/18px 'Lato';
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    border: 1px dotted #DA5D6B;
    margin-bottom: 3px;
}

.post_head .coment_count{
	height: 20px;
	line-height: 20px;
	margin: 0 5px 10px;
	display: inline-block;
}
.post_head .coment_count a{
	background: #33b5e5;
	padding: 0 10px;
	color: #fff;
	font: 10px/20px 'Lato';
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}
.post_head .coment_count a img{ vertical-align: middle; margin-right: 3px; }

.post_head h1{
	font: 700 36px 'Lato';
	margin-bottom: 20px;
}
.post_head .slogan{
	font: italic 24px 'Lato';
	margin-bottom: 20px;
}
.post_head .author{
	font: 700 12px/35px 'Lato';
	text-transform: uppercase;
	margin-bottom: 20px;
}
.post_head .author img{
	vertical-align: middle;
	margin-right: 12px;
	height: 35px;
    width: 35px;
	border-radius: 50%;
}

.article-body {
    position: relative;
    
}


.sharebox_container {
    float: left;
    width: 0px;
}

.sharebox_container .ya-share2 {
    width: 40px;
    display: block;
    position: absolute;
    padding: 0 0px 3px;
    margin: 0 0 0 -50px;
    background: #fff;
}
.sharebox_container .ya-share2.affix {
    position: fixed;
    top: 70px;
    bottom: auto;
}
.sharebox_container .ya-share2.affix-bottom {
    top: auto;
    bottom: 0px;
}

.sharebox_container .ya-share2 .sharebox_counter {
    width: 38px;
    height: 38px;
    margin: 0 0 10px 0;
	text-align: center;
	color: #333;
	font: normal 14px/38px 'Lato', sans-serif;
    border: 1px solid #EBEBEB;
    border-radius: 50%;

}

.sharebox_container .ya-share2 .ya-share2__container {
    position: relative;
    height: 114px;
    overflow: hidden;
}

.sharebox_container .ya-share2.opened .ya-share2__container {
    height: 304px;
}

.sharebox_container .ya-share2 .toggle_share {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    font: bold 18px/20px Arial;
    background: #EBEBEB;
    border-radius: 50%;
    margin: 0 auto 0;
    text-align: center;
    text-decoration: none;
    text-indent: 1px;
    color: #000;
}
.sharebox_container .ya-share2 .toggle_share:after { 
    content: '...'; 
}

.sharebox_container .ya-share2.opened .toggle_share {
    font: bold 20px/28px Arial;
    text-indent: 1px;
}
.sharebox_container .ya-share2.opened .toggle_share:after {
    content: '\00D7';    
    
}


.sharebox_container .ya-share2 .ya-share2__list {
    text-align: center;
}

.sharebox_container .ya-share2 .ya-share2__item {
    margin: 0 0 10px 0;
}

.sharebox_container .ya-share2 .ya-share2__counter {
    display: none !important;
}

.sharebox_container .ya-share2__badge {
    border-radius: 50%;
}
.sharebox_container .ya-share2__container_size_m .ya-share2__icon {
    width: 28px;
    height: 28px;
    
}



/*

.sharebox_container .b-share_theme_counter {
    width: 40px;
    display: block;
    position: absolute;
    padding: 0 0px;
    margin: 0 0 0 -50px;
    background: #fff;    
}

.sharebox_container .b-share_theme_counter .b-share { 
    display: none;
}

.sharebox_container .b-share_theme_counter.affix {
    position: fixed;
    top: 70px;
    bottom: auto;
}
.sharebox_container .b-share_theme_counter.affix-bottom {
    top: auto;
    bottom: 0px;
}


.post_share{ text-shadow: none;}
.post_share .share_count {
	text-align: center;
	color: #333;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	
    margin: 0px;
	display: block;
	vertical-align: top;
	background-color: #fff;
	border-radius: 50%;
	width: 38px;
	height: 38px;
    line-height: 38px;
    border: 1px solid #EBEBEB;
    border-radius: 50%;
    
}
.post_share .share_count b{ 
    font-size: 16px; 
}

// .post_share a{
// 	display: inline-block;
// 	width: 40px;
// 	height: 40px;
// 	border-radius: 50%;
// 	background: url(../images/share_icons.png) transparent 0 0 no-repeat;
//     float:none;
// }
// .post_share a.evernote{ background-position: 0 0; }
// .post_share a.twitter{ background-position: -40px 0; }
// .post_share a.vk{ background-position: -80px 0; }
// .post_share a.fb{ background-position: -120px 0; }
// .post_share a.google{ background-position: -160px 0; }
// .post_share a.odnokl{ background-position: -200px 0; }
// .post_share a.yandex{ background-position: -240px 0; }

// .post_share a.evernote:hover{ background-position: 0 -40px; }
// .post_share a.twitter:hover{ background-position: -40px -40px; }
// .post_share a.vk:hover{ background-position: -80px -40px; }
// .post_share a.fb:hover{ background-position: -120px -40px; }
// .post_share a.google:hover{ background-position: -160px -40px; }
// .post_share a.odnokl:hover{ background-position: -200px -40px; }
// .post_share a.yandex:hover{ background-position: -240px -40px; }

.b-share_theme_counter .post_share a.b-share__handle,
.b-share_theme_counter .post_share span.b-share__handle {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    // background: url(../images/share_icons.png) transparent 0 0 no-repeat;
    float:none;
    margin: 10px 7px;
    border: none !important;
}

.b-share_theme_counter .post_share a.b-share__handle:after,
.b-share_theme_counter .post_share span.b-share__handle:after {display:none;}
.b-share-counter {display: none !important;}
// .b-share_theme_counter .post_share a.b-share__handle.evernote{ background-position: 0 0; }
// .b-share_theme_counter .post_share a.b-share__handle.twitter{ background-position: -40px 0; }
// .b-share_theme_counter .post_share a.b-share__handle.vkontakte{ background-position: -80px 0; }
// .b-share_theme_counter .post_share a.b-share__handle.facebook{ background-position: -120px 0; }
// .b-share_theme_counter .post_share a.b-share__handle.gplus{ background-position: -160px 0; }
// .b-share_theme_counter .post_share a.b-share__handle.odnoklassniki{ background-position: -200px 0; }
// .b-share_theme_counter .post_share a.b-share__handle.yandex{ background-position: -240px 0; }

// .b-share_theme_counter .post_share a.b-share__handle.evernote:hover{ background-position: 0 -40px; }
// .b-share_theme_counter .post_share a.b-share__handle.twitter:hover{ background-position: -40px -40px; }
// .b-share_theme_counter .post_share a.b-share__handle.vkontakte:hover{ background-position: -80px -40px; }
// .b-share_theme_counter .post_share a.b-share__handle.facebook:hover{ background-position: -120px -40px; }
// .b-share_theme_counter .post_share a.b-share__handle.gplus:hover{ background-position: -160px -40px; }
// .b-share_theme_counter .post_share a.b-share__handle.odnoklassniki:hover{ background-position: -200px -40px; }
// .b-share_theme_counter .post_share a.b-share__handle.yandex:hover{ background-position: -240px -40px; }

.b-share_theme_counter .post_share a.b-share__handle .b-share-icon,
.b-share_theme_counter .post_share span.b-share__handle .b-share-icon {
	font-family: 'ig-soc' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 16px;
    background-image: none !important;
    display: block;
    width: 16px;
    height: 16px;
    padding: 5px !important;
    text-align: center;
    position: static !important;
}
.b-share_theme_counter .post_share a.b-share__handle.evernote {
	background-color: #2dbe60;
}
.b-share_theme_counter .post_share a.b-share__handle.evernote .b-share-icon_evernote:before{ content:"\e900";}
.b-share_theme_counter .post_share a.b-share__handle.twitter {
	background-color: #55acee;
}
.b-share_theme_counter .post_share a.b-share__handle.twitter .b-share-icon_twitter:before{ content:"\f099";}
.b-share_theme_counter .post_share a.b-share__handle.vkontakte {
	background-color: #45668e;
}
.b-share_theme_counter .post_share a.b-share__handle.vkontakte .b-share-icon_vkontakte:before{ content:"\f189";}
.b-share_theme_counter .post_share a.b-share__handle.facebook {
	background-color: #3b5998;
}
.b-share_theme_counter .post_share a.b-share__handle.facebook .b-share-icon_facebook:before{ content:"\f09a";}
.b-share_theme_counter .post_share a.b-share__handle.gplus {
	background-color: #dd4b39;
}
.b-share_theme_counter .post_share a.b-share__handle.gplus .b-share-icon_gplus:before{ content:"\f0d5";}
.b-share_theme_counter .post_share a.b-share__handle.odnoklassniki {
	background-color: #ed812b;
}
.b-share_theme_counter .post_share a.b-share__handle.odnoklassniki .b-share-icon_odnoklassniki:before{ content:"\f263";}
.b-share_theme_counter .post_share a.b-share__handle.whatsapp {
	background-color: #43d854;
}
.b-share_theme_counter .post_share a.b-share__handle.whatsapp .b-share-icon_whatsapp:before{ content:"\f232";}
.b-share_theme_counter .post_share span.b-share__handle.expand {
    background-color: #d9d9d9;
    width: 28px;
    height: 28px;
    left: -1px;
}
.b-share_theme_counter .post_share span.b-share__handle.expand .b-share-icon_exp:before{ content: "\f141";}
.b-share_theme_counter .post_share span.b-share__handle.expand .b-share-icon_exp {color: #333; padding: 6px !important;}
.b-share_theme_counter .post_share span.b-share__handle.expand .b-share-icon_close:before{ content: "\f00d";}
.b-share_theme_counter .post_share span.b-share__handle.expand .b-share-icon_close {color: #333; padding: 6px !important;}
.b-share_theme_counter .post_share span.b-share__handle.expand {
	position: absolute;
	bottom: -1px;
}
.b-share_theme_counter .post_share a.b-share__handle.evernote:hover{ }
.b-share_theme_counter .post_share a.b-share__handle.twitter:hover{ }
.b-share_theme_counter .post_share a.b-share__handle.vkontakte:hover{ }
.b-share_theme_counter .post_share a.b-share__handle.facebook:hover{ }
.b-share_theme_counter .post_share a.b-share__handle.gplus:hover{ }
.b-share_theme_counter .post_share a.b-share__handle.odnoklassniki:hover{ }
.b-share_theme_counter .post_share a.b-share__handle.yandex:hover{ }
.post_share_short,
.post_share_long {
	overflow: hidden;
	position: relative;
}
.post_share_short {
	height: 194px;
}
.post_share_long {
	height: 304px;
}

*/



section.left {
    /*width: 740px; */
    width: 800px; 
    clear: left;
    position: relative;
    /* margin-left: 10px; */
}

.post_full{
	color: #333;
	font: 18px/27px 'Lato';
    position: relative;
}
.post_full img{
	max-width: 100%;
    height: auto !important;
	margin-bottom: 15px;
}
.post_full p{ margin-bottom: 15px; }
.post_full blockquote{
	padding: 20px 20px;
	margin: 25px 50px 25px 50px;
	text-align: left;
	color: #333;
	font: italic 700 21px 'Lato';
	border-left: 7px solid #33b5e5;
}
.post_full a{
	color: #33b5e5;
	text-decoration: none;
}
.post_full a:hover{ text-decoration: underline; }
.post_full h2{
	color: #333;
	font: 700 24px/27px 'Lato';
	margin: 40px 0 20px;
}

.article-detail ul,
.article-detail ol {
    margin: 20px 0 20px 40px;
}


.post_cut {
    max-height: 600px;
    overflow: hidden;
    position: relative;
}
.post_cut_gradient {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: transparent;
    background-image: -moz-linear-gradient(rgba(255,255,255,0) 50%,rgba(255,255,255,1) 90%);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0) 50%,rgba(255,255,255,1) 90%);
    background-image: -o-linear-gradient(rgba(255,255,255,0) 50%, rgba(255,255,255,1) 90%);
    background-image: -ms-linear-gradient(rgba(255,255,255,0) 50%,rgba(255,255,255,1) 90%);
    background-image: linear-gradient(rgba(255,255,255,0) 50%, rgba(255,255,255,1) 90%);   
}
.post_read_full {
    font: 18px/27px 'Lato';
    font-weight: bold;
    color: #34b5e5;
    text-decoration: none;
}
.post_read_full:hover {
    text-decoration: underline;
}

.social__subscribe {
    height: 28px;
    line-height: 27px;
    margin: 25px 0 0 0;
}
.social__subscribe .social__subscribe_button {
    display: inline-block;
}
.social__subscribe .social__subscribe_text {
    margin-left: 10px;
    display: inline-block;
    font: normal 17px/28px 'Lato';
    color: #939597;
}


.post_foot{
	padding: 20px 0;
	margin-top: 50px;
	border-top: 1px solid #e1e1e1;
	text-align: center;
	color: #333;
	font: 18px/20px 'Lato';
}
.post_foot .links a,
.post_foot .source a{
	color: #333;
	font: 14px/19px 'Lato';
	text-decoration: none;
	padding-bottom: 1px;
	display: inline-block;
	vertical-align: top;
}
.post_foot .title{ margin-right: 5px; }
.post_foot img{ vertical-align: middle; margin-right: 2px; }
.post_foot a:hover{ text-decoration: underline; }
.post_foot .source{ margin-bottom: 25px; text-align: left; }
.post_foot .source p + p{ margin-top: 8px; }
.post_foot .links{ margin-bottom: 25px; text-align: left; }
.post_foot .links p + p{ margin-top: 8px; }


.comments {
    margin: 0px 0 30px 0;
    
}

.comments .head{
	/*border-bottom: 1px solid #e1e1e1;*/
	margin-bottom: 20px;
	padding-bottom: 7px;
}
.comments .head .title{
	color: #333;
	font: 700 18px/20px 'Lato';
}
.comments .head .sort{
	display: inline-block;
	font: 14px/20px 'Lato';
	position: relative;
}
.comments .head .sort > .sort_link,
.comments .head .sort > a {
	padding: 0 15px 0 10px;
	background: url(../images/drop_icon.png) 100% 70% no-repeat;
}
.comments .head .sort .sort_link,
.comments .head .sort a {
	color: #888;
	text-decoration: none;
    cursor:pointer;
}
.comments .head .sort .drop{
	position: absolute;
	top: 27px;
	left: 0;
	width: 100%;
    background:#fff;
    z-index:100;
	border: 2px solid #e1e1e1;
	border-radius: 0 0 3px 3px;
	padding-bottom: 5px;
	display: none;
}
.comments .head .sort .drop li{
	list-style-type: none;
	padding: 0 15px;
	line-height: 29px;
	width: 70px;
}
.comments .head .sort .drop li.selected{ background: url(../images/sort_sel_icon.png) 100% 60% no-repeat; }

.comments .add_comment{ margin-bottom: 30px; }
.comments .add_comment .avatar{
	display: block;
	border-radius: 5px;
	width: 65px;
}
.comments .add_comment textarea{
	border: 2px solid #e1e1e1;
	border-radius: 4px;
	padding: 15px 15px;
    width: calc(100% - 30px);
	height: 24px;
	color: #333;
	font: 20px/21px 'Lato';
	resize: none;
}
.comments .add_comment .submit{ text-align: right; }
.comments .add_comment .submit .add_image{
	display: block;
	margin: 5px 0 0 100px;
}
.comments .add_comment .submit_btn{
	display: inline-block;
	height: 40px;
	padding: 0 33px 2px;
	cursor: pointer;
	border: none;
	background: #33b5e5;
	border-radius: 4px;
	color: #fff;
	font: 700 17px 'Lato';
}

.comments .comment{ margin-bottom: 20px; }
.comments .comment.children{ padding-left: 85px; }
.comments .comment.children .children{ margin-top: 15px; }
.comments .comment .avatar{ width: 65px; text-align: center; }
.comments .comment .avatar img{
	display: block;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 5px;
}
.comments .comment.children .avatar{ width: 50px; }
.comments .comment .rating{
	color: #939393;
	font: 700 15px 'Lato';
}
.comments .comment .rating.green{ color: #669900; }
.comments .comment .rating.red{ color: #cc0000; }
.comments .comment .info{
	width: 100%;
	padding-left: 85px;
	margin-left: -65px;
	color: #333;
	font: 17px/24px 'Lato';
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.comments .comment.children .info{ padding-left: 70px; margin-left: -50px; }
.comments .comment .info .author{
	color: #999;
	font: 15px/15px 'Lato';
	margin-bottom: 5px;
}
.comments .comment .info .author a{ color: #33b5e5; font-weight: 700; text-decoration: none; }
.comments .comment .info .author a:hover{ text-decoration: underline; }
.comments .comment .info .links{
	font: 15px/24px 'Lato';
	color: #999;
}
.comments .comment .info .links a{ color: #999; text-decoration: none; }
.comments .comment .info .links a:hover{ color: #333; }

.comments .comment .plus,
.comments .comment .minus{
	display: inline-block;
	width: 20px;
	height: 24px;
	vertical-align: middle;
	background: url(../images/rating_arrows.png) 0 0 no-repeat;
}
.comments .comment .minus{ background-position: -20px 0; }
.comments .comment .plus:hover{ background-position: -1px -24px; }
.comments .comment .minus:hover{ background-position: -21px -24px; }


.breadcrumbs{
	color: #000;
	font: 14px 'Lato';
	margin-bottom: 20px;
}
.breadcrumbs a{
	color: #999;
	text-decoration: none;
}
.breadcrumbs a:hover{ text-decoration: underline; }
.breadcrumbs .sep{ color: #999; margin: 0 1px; }

.forum_reply{
	display: inline-block;
	height: 40px;
	padding: 0 17px;
	text-decoration: none;
	background: #33b5e5;
	border-radius: 4px;
	color: #fff;
	font: 700 17px/40px 'Lato';
	margin-bottom: 20px;
}

.forum_theme .to_new{
	color: #33b5e5;
	font: 700 12px/24px 'Lato';
	text-decoration: none;
	padding-left: 16px;
	background: url(../images/to_new_icon.png) 0 65% no-repeat;
}
.forum_theme .to_new:hover{ text-decoration: underline; }
.forum_posts_links{ font: 700 12px/24px 'Lato'; padding-bottom: 3px; }
.forum_posts_links a{
	color: #939393;
	text-decoration: none;
	margin-left: 13px;
	padding-right: 13px;
	background: url(../images/drop_icon.png) 100% 65% no-repeat;
}
.forum_posts_links a:hover{
	color: #33b5e5;
	background: url(../images/drop_icon_blue.png) 100% 65% no-repeat;
}

.forum_theme .banner{ text-align: center; }
.forum_theme #posts .banner{ padding: 13px 0; border-top: 1px solid #e1e1e1; }

.forum_theme .forum_post{ border-top: 1px solid #e1e1e1; }

.forum_theme .forum_post .user_info{
	width: 160px;
	text-align: center;
	padding: 15px 0 10px;
	border-right: 1px solid #e1e1e1;
	margin-right: -1px;
}
.forum_theme .forum_post .user_info .name{ font: 700 18px/24px 'Lato'; }
.forum_theme .forum_post .user_info .name a{
	color: #33b5e5;
	text-decoration: none;
	padding-right: 15px;
	background: url(../images/forum_user_name_icon.png) 100% 60% no-repeat;
}
.forum_theme .forum_post .user_info .name a:hover{ text-decoration: underline; }
.forum_theme .forum_post .user_info .status{
	color: #333;
	font: 700 18px/24px 'Lato';
	margin-bottom: 10px;
}
.forum_theme .forum_post .user_info .status .red{ color: #cc0000; }
.forum_theme .forum_post .user_info .status .blue{ color: #33b5e5; }
.forum_theme .forum_post .user_info .avatar{ margin-bottom: 10px; border-radius: 5px; }
.forum_theme .forum_post .user_info .info_link{
	color: #939393;
	font: 12px/24px 'Lato';
	text-decoration: none;
	padding-left: 24px;
	margin-bottom: 7px;
	background: url(../images/user_info_link_icon.png) 0 0 no-repeat;
}
.forum_theme .forum_post .user_info .info_link:hover{ color: #333; }
.forum_theme .forum_post .user_info .rating_count{
	color: #33b5e5;
	font: 700 14px/24px 'Lato';
	margin-right: 1px;
}
.forum_theme .forum_post .user_info .rating_count.green{ color: #669900; }
.forum_theme .forum_post .user_info .rating_count.red{ color: #cc0000; }
.forum_theme .forum_post .user_info .rating .plus,
.forum_theme .forum_post .user_info .rating .minus{
	display: inline-block;
	width: 20px;
	height: 24px;
	vertical-align: middle;
	background: url(../images/rating_arrows.png) -1px -24px no-repeat;
}
.forum_theme .forum_post .user_info .rating .minus{ background-position: -21px -24px; }
.forum_theme .forum_post .user_info .icons{ line-height: 24px; }
.forum_theme .forum_post .user_info .icons img{
	vertical-align: middle;
	margin: 0 5px;
}

.forum_theme .forum_post .text{
	padding: 3px 10px 50px 13px;
	color: #003333;
	font: 14px/21px 'Lato';
	position: relative;
	border-left: 1px solid #e1e1e1;
	width: 551px;
	min-height: 191px;
}
.forum_theme .forum_post .text h3{
	color: #333;
	font: 700 14px/24px 'Lato';
	padding-left: 20px;
	background: url(../images/worning_icon.png) 0 3px no-repeat;
}
.forum_theme .forum_post .text .date{
	color: #939393;
	font: 10px/14px 'Lato';
}
.forum_theme .forum_post .text a{ color: #33b5e5; text-decoration: none; }
.forum_theme .forum_post .text a:hover{ text-decoration: underline; }
.forum_theme .forum_post .text .links{
	color: #939393;
	font: 12px/24px 'Lato';
	position: absolute;
	right: 10px;
	bottom: 15px;
}
.forum_theme .forum_post .text .links img{
	vertical-align: middle;
	margin: 0 5px;
}

.forum_theme .forum_post .text .reply_text{
	color: #939393;
	font: 14px/21px 'Lato';
	padding: 8px 0 8px 17px;
	border-left: 3px solid #e1e1e1;
	margin-bottom: 20px;
}
.forum_theme .forum_post .text .reply_text b{ font-style: italic; }
.forum_theme .forum_post .text .reply_text a.user_name{
	padding-right: 12px;
	background: url(../images/reply_user_name_icon.png) 100% 65% no-repeat;
}
.forum_theme .forum_post .text .caption{
	margin-top: 20px;
	padding-top: 3px;
	background: url(../images/caption_bg.png) 0 0 no-repeat;
}

.after_forum_posts{ padding: 10px 0 12px; border-top: 1px solid #e1e1e1; }
.after_forum_posts .forum_reply{ margin: 0; }
.after_forum_posts .moderation{
	color: #000;
	font: 700 10px 'Lato';
}
.after_forum_posts .moderation p{ margin-bottom: 5px; }

.forum_theme .tags{
	color: #333;
	font: 10px/21px 'Lato';
	margin-bottom: 15px;
}
.forum_theme .tags a{ color: #888; }
.forum_theme .tags a:hover{ text-decoration: none; }
.forum_theme .tags p{ font-style: italic; }


.add_forum_comment{ margin: 20px 50px 30px; }
.add_forum_comment .title{
	color: #33b5e5;
	font: 700 18px/18px 'Lato';
	margin-bottom: 20px;
}

.tizer_ad{ margin-bottom: 20px; }

.users_online{ font: 700 12px/21px 'Lato'; margin-bottom: 20px; }
.users_online .title{
	color: #939393;
	font: 700 18px 'Lato';
	margin-bottom: 10px;
}
.users_online a{
	color: #33b5e5;
	text-decoration: none;
	margin-right: 15px;
}
.users_online a:hover{ text-decoration: underline; }

.quike_move{
	width: 480px;
	margin: 0 auto 20px;
	color: #000;
	font: 700 10px 'Lato';
}
.quike_move p{ margin-bottom: 5px; }

.carousel{ margin: 40px 0 60px; position: relative; }
#carousel{
	width: 100%;
	height: 420px;
}
#carousel img {
	display: block;
	float: left;
	width: 660px;
	height: 420px;
	margin: 0 100px !important;
}
#prev, #next {
	background: rgba(255,255,255,.7);
	display: block;
	height: 420px;
	width: 25%;
	top: 0;
	position: absolute;
}
#prev:hover, #next:hover {
	background: #fff;
	background: rgba(255,255,255,.8);
}
#prev { left: 0px; }
#next { right: 0px; }


.profile_edit .block{ padding: 17px 0; }
.profile_edit .block + .block{ border-top: 1px solid #e1e1e1; }
.profile_edit .block_title{
	color: #333;
	font: 700 24px/24px Lato;
	margin-bottom: 25px;
	padding-left: 20px;
}
.profile_edit .block_desc{
	color: #333;
	font: 14px/24px Lato;
	margin-bottom: 15px;
}

.profile_edit .col{ width: 260px; }
.profile_edit .colspan2{ width: 535px; }
.profile_edit .col + .col{ margin-left: 15px; }
.profile_edit .line + .line{ margin-top: 15px; }
.profile_edit .name{
	color: #333;
	text-transform: uppercase;
	font: 700 10px Lato;
	margin-bottom: 5px;
}
.profile_edit .name .required{ color: #cc0000; }
.profile_edit .input{
	background: #fff;
	border-radius: 3px;
	border: 1px solid #e3e3e3;
	height: 40px;
	width: 100%;
	padding: 0 10px;
	color: #333;
	font: 14px Lato;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

.profile_edit .avatar{
	width: 170px;
	text-align: center;
	margin-right: 20px;
	font: 14px Lato;
}
.profile_edit .avatar .image{
	height: 150px;
	line-height: 150px;
	background: #fff;
	border-radius: 50%;
	width: 150px;
	margin: 0 auto 13px;
}
.profile_edit .avatar .image img{ vertical-align: middle; border-radius: 50%; max-height:150px; max-width:150px; }
.profile_edit .avatar p + p{ margin-top: 10px; }
.profile_edit .avatar .edit_link{ color: #33b5e5; text-decoration: none; }
.profile_edit .avatar .del_link{ color: #cc0000; text-decoration: none; }
.profile_edit .avatar a:hover{ text-decoration: underline; }

.profile_edit .setting_block{
	padding-right: 10px;
	width: 624px;
	border-right: 1px solid #e1e1e1;
}
.profile_edit .setting_block .line{ padding: 10px; }
.profile_edit .setting_block .line:last-child{ padding-bottom: 0; }
.profile_edit .setting_block .line + .line{ border-top: 1px solid #e1e1e1; margin: 0; }
.profile_edit .setting_block .label{
	color: #333;
	font: 16px Lato;
	text-transform: uppercase;
	width: 160px;
	padding: 8px 10px 0;
}
.profile_edit .setting_block .input{ width: 424px; }
.profile_edit .setting_block .input + .input{ margin-top: 10px; }

.profile_edit .subscribe_block{ width: 365px; }
.profile_edit .subscribe_block .line{ padding-left: 20px; }
.profile_edit input[type=checkbox]{ display: none; }
.profile_edit .checkbox_label{
	padding-left: 35px;
	display: inline-block;
	cursor: pointer;
	color: #333;
	font: 14px/19px Lato;
	background: url(../images/checkbox_icon.png) 0 0 no-repeat;
}
.profile_edit input[type=checkbox]:checked + .checkbox_label{ background: url(../images/checkbox_icon_active.png) 0 0 no-repeat; }

.profile_edit .submit{ padding-left: 190px; }
.profile_edit .submit_btn{
	border-radius: 5px;
	background: #33b5e5;
	color: #fff;
	font: 700 14px Lato;
	cursor: pointer;
	height: 35px;
	border: none;
	padding: 0 12px;
	display: inline-block;
	text-transform: uppercase;
}

.add_social { padding-top: 25px; margin-bottom: 45px; }
.add_social .block_title{
	padding: 0;
	margin-bottom: 13px;
}
.add_social .socials{ height:61px; }
.add_social .socials a{
	display: block;
	float: left;
	width: 61px;
	height: 61px;
	text-align: center;
	margin-right: 8px;
	color: #fff;
	font-size: 36px;
	line-height: 61px;
	background: #bfbfbf;
}
.add_social .socials a.twitter.active{ background: #00aced; }
.add_social .socials a.fb.active{ background: #3b5998; }
.add_social .socials a.vk.active{ background: #45668e; }
.add_social .socials a.google.active{ background: #d34836; }

.socials-active .social-box-wrapper {
    display:block;
    line-height:61px;
    position: relative;
    margin-bottom: 10px;
}

.socials-active .icon {
    display: block;
    float: left;
    width: 61px;
    height: 61px;
    text-align: center;
    margin-right: 8px;
    color: #fff;
    font-size: 36px;
    line-height: 61px;
    background: #bfbfbf;
}

.socials-active .icon.twitter { background: #00aced; }
.socials-active .icon.facebook { background: #3b5998; }
.socials-active .icon.vkontakte { background: #45668e; }
.socials-active .icon.google { background: #d34836; }

.socials-active .social-box-info {
    white-space: nowrap;
    min-width: 200px;
    display: inline-block;
    vertical-align: middle;
    font: 14px/18px Lato;
    margin-left: 10px;
}

.socials-active .social-box-info-caption {
    color: #999;
    font-size: 12px;
}

.socials-active .social-box-info a {
    color: #3B5998;
    text-decoration:none;
}

.socials-active .social-box-delete-item {
    display: block;
    font: 10px/18px Lato;
    color: #C82F2F;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 61px;
    text-align: center;
    width: 70px;
}

.socials-active .social-box-wrapper.twitter {border: 1px solid #00aced;}
.socials-active .social-box-wrapper.facebook {border: 1px solid #3b5998;}
.socials-active .social-box-wrapper.vkontakte {border: 1px solid #45668e;}
.socials-active .social-box-wrapper.google {border: 1px solid #d34836;}

.socials-active .social-box-wrapper.twitter .social-box-delete-item {border-left: 1px dotted #00aced;}
.socials-active .social-box-wrapper.facebook .social-box-delete-item {border-left: 1px dotted #3b5998;}
.socials-active .social-box-wrapper.vkontakte .social-box-delete-item {border-left: 1px dotted #45668e;}
.socials-active .social-box-wrapper.google .social-box-delete-item {border-left: 1px dotted #d34836;}


.profile_info .head{
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}
.profile_info .head .avatar{
	width: 150px;
	text-align: center;
	margin-right: 30px;
}
.profile_info .head .avatar img{ max-width: 150px; border-radius: 50%; }

.profile_info .head .info{
	width: 400px;
	color: #333;
	font: 18px/30px Lato;
	padding-top: 12px;
}
.profile_info .head .info .name{
	font: 700 36px/36px Lato;
	margin-bottom: 7px;
}
.profile_info .head .info .stat{
	font: 24px/36px Lato;
	color: #bfbfbf;
	margin-left: 7px;
}
.profile_info .head .info .stat img{ vertical-align: middle; margin-right: 4px; }
.profile_info .head .info .stat.green{ color: #669900; }
.profile_info .head .info .stat.red{ color: #cc0000; }
.profile_info .head .info .share{ height: 35px; margin-top: 15px; }
.profile_info .head .info .share a{
	display: inline-block;
	height: 35px;
	width: 35px;
	margin: 0 2px 0 0;
	background: url(../images/profile_share.png) 0 0 no-repeat;
}
.profile_info .head .info .share a.evernote{ background-position: 0 0; }
.profile_info .head .info .share a.twitter{ background-position: -35px 0; }
.profile_info .head .info .share a.vk{ background-position: -70px 0; }
.profile_info .head .info .share a.fb{ background-position: -105px 0; }
.profile_info .head .info .share a.google{ background-position: -140px 0; }
.profile_info .head .info .share a.odnokl{ background-position: -175px 0; }
.profile_info .head .info .share a.yandex{ background-position: -210px 0; }

.profile_info .head .link{ width: 126px; }
.profile_info .head .link a{
	background: #d9dadb;
	display: block;
	height: 35px;
	border-radius: 3px;
	color: #333;
	font: 700 14px/35px Lato;
	text-decoration: none;
	margin-bottom: 12px;
	text-align: center;
	text-transform: uppercase;
}
.profile_info .head .link a img{ vertical-align: middle; margin-right: 5px; }

.profile_info .activity{
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 0;
}
.profile_info .activity .name{
	text-align: center;
	width: 190px;
	color: #333;
	font: 700 14px/35px Lato;
}

.tabs li{
	list-style-type: none;
	display: inline-block;
	padding: 0 11px;
	font: 14px/35px Lato;
	height: 35px;
	border-radius: 3px;
}
.tabs li:hover{ background: #d9dadb; }
.tabs li a{
	color: #333;
	text-decoration: none;
}
.tabs li span{
	display: inline-block;
	vertical-align: middle;
	padding: 2px 8px;
	background: #bcbcbc;
	border-radius: 10px;
	color: #333;
	margin-left: 10px;
	height: 17px;
	font: 12px/17px Lato;
}
.tabs li.active{ background: #33b5e5; }
.tabs li.active a{ color: #fff; }
.tabs li.active span{ background: #fff; color: #33b5e5; }

.tab_content{ display: none; margin-bottom: 20px; }

.activity_list{ margin-bottom: 5px; }
.activity_list .item{
	padding: 10px 0 ;
	border-bottom: 1px solid #e1e1e1;
}
.activity_list .item .date{
	color: #bfbfbf;
	font: 14px/18px Lato;
	width: 180px;
	padding-left: 10px;
}

.activity_list .item .date .comment-votes {
    display:none;
}

.activity_list .item .date .green-persons,
.activity_list .item .date .red-persons {
    display: block;
    margin-right: 20px;
    border: 1px dotted #C9C9C9;
    padding: 5px;
    font-size: 10px;
    margin-top: 10px;
}

.activity_list .item .date .green-persons  a {
    color:#2fc42e;
}

.activity_list .item .date .red-persons  a {
    color:#c4331d;
}

.activity_list .item .stat {position:relative;}

.activity_list .item .stat img{ vertical-align: middle; margin-right: 4px; width: 16px; opacity: 0.5; }
.activity_list .item .stat.green{ color: #669900; }
.activity_list .item .stat.red{ color: #cc0000; }

.activity_list .item .stat .show-comment-votes {
    color:#00aced;
    text-decoration:underline;
    position:absolute;
    top:0;
    right:32px;
    width:100px;
    text-align:center;
    cursor:pointer;
    font-size: 10px;
}

.activity_list .item .text{
	width: 545px;
	color: #333;
	font: 14px/18px Lato;
}
.activity_list .item .text .subject{ color: #bfbfbf; }
.activity_list .item .text a{ color: #33b5e5; text-decoration: none; }
.activity_list .item .text a:hover{ text-decoration: underline; }

.error_page .error_code{
	text-align: center;
	color: #bfbfbf;
	font: 700 100px/90px Lato;
	padding: 30px 0 50px;
}
.error_page .error_desc{
	text-align: center;
	color: #333;
    font: 24px/32px Lato;
	margin-bottom: 25px;
}
.error_page .error_desc a{ color: #33b5e5; text-decoration: none; }
.error_page .error_desc a:hover{ text-decoration: underline; }
.error_page .search{
	text-align: center;
	color: #333;
	font: 24px Lato;
	margin-bottom: 15px;
}
.error_page .search > div{ margin-bottom: 25px; }
.error_page .search .input{
	background: #fff url(../images/search_icon.png) 20px 50% no-repeat;
	border: 1px solid #939393;
	border-radius: 30px;
	height: 44px;
	padding: 4px 30px 4px 60px;
	color: #333;
	font: 18px Lato;
	width: 618px;
}
.error_page .links{ margin-bottom: 35px; }
.error_page .links > div{
	text-align: center;
	color: #333;
    font: 24px/32px Lato;
	margin-bottom: 20px;
}
.error_page .links .items{ text-align: center; }
.error_page .links .col{
	display: inline-block;
	margin: 0 10px;
	min-width: 50px;
	vertical-align: top;
	text-align: left;
}
.error_page .links .col .title{
	font: 700 14px/18px Lato;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.error_page .links .col .title a{ color: #939393; text-decoration: none; }
.error_page .links .col .title a:hover{ text-decoration: underline; color: #333; }

.error_page .links .col li{
	list-style-type: none;
	font: 12px/20px Lato;
}
.error_page .links .col li + li{ margin-top: 7px; }
.error_page .links .col li a{ color: #939393; text-decoration: none; }
.error_page .links .col li a:hover{ text-decoration: underline; color: #333; }

.error_page .links .col li ul {
    padding-left: 10px;
    margin-top: 8px;
    border-left: 1px solid #DFDFDF;
}

/* End Стили основного блока сайта */

/*=============================*/

/* Стили подвала сайта */
footer#footer{
/*    
	padding: 15px 10px;
	border-top: 1px solid #e1e1e1;
    position:relative;
    background:#f4f6f8;
    z-index:48;
*/    
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 200;    
}
footer#footer .footer-wrapper {
    /*position: fixed;*/
    width: 100%;
    height: 50px;
    padding: 30px 0px 30px;
    margin: 0 auto;
    bottom: -112px;
    border-top: 1px solid #e1e1e1;
    background: #f4f6f8;
    color: #fff;
}

#toggle_footer {
    display: none;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -574px;
    width: 28px;
    height: 28px;
    line-height: 46px;
    font-size: 21px;
    cursor: pointer;
    text-align: center;
    background: #EBEBEB;
    color: #303030;
    border-radius: 50%;
}

#toggle_footer:after {
    content: '+';
    display: block;
    text-align: center;
    position: absolute;
    width: 28px;
    height: 28px;
    font: bold 25px/28px Arial;
    text-indent: 1px;
}

#toggle_footer.opened:after {
    content: '\2013';
    line-height: 24px;
}

footer .copyright{
	color: #b7b9ba;
	font: 14px 'Lato';
}
footer .links{ width: 630px; margin-top: 10px; }
footer .links li{
	list-style-type: none;
	display: inline-block;
	font: 13px 'Lato';
	margin-right: 8px;
}
footer .links li a{
	color: #333;
	text-decoration: none;
}
footer .links li a:hover{ text-decoration: underline; }

footer .platforms{
	color: #333;
	font: 14px/20px 'Lato';
}
footer .platforms span{
	display: inline-block;
	padding: 3px 0;
	width: 135px;
	vertical-align: middle;
}
footer .platforms i,
footer .platforms a { color: #a7a8a9; font-size: 45px; text-decoration:none; }
/* End Стили подвала сайта */

/*=============================*/

/* Стили всплывающих окон */
.modal{ display: none; padding: 20px 30px; width: 270px; }
.modal_title{
	text-align: center;
	color: #333;
	font: 700 30px/30px Lato;
	margin-bottom: 20px;
}
.modal .soc_auth{ 
	margin: 0 0 17px -8px; 
	height:61px; 
	display: flex;
    align-items: center;
    justify-content: center;
}
.modal .soc_auth a, .subscribes-header__not-auth__dropdown .soc_auth a {
    display: flex;
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-left: 8px;
    color: #fff;
    font-size: 36px;
    line-height: 61px;
    align-items: center;
    justify-content: center;
}
.modal .soc_auth a.twitter, .subscribes-header__not-auth__dropdown .soc_auth a.twitter {
    background: #00aced;
}

.modal .soc_auth a.fb, .subscribes-header__not-auth__dropdown .soc_auth a.fb {
    background: #3b5998;
}

.modal .soc_auth a.vk, .subscribes-header__not-auth__dropdown .soc_auth a.vk {
    background: #45668e;
}

.modal .soc_auth a.facebook, .subscribes-header__not-auth__dropdown .soc_auth a.facebook {
    background: #3b5998;
}

.modal .soc_auth a.apple, .subscribes-header__not-auth__dropdown .soc_auth a.apple {
    background: #000;
}

.modal .soc_auth a.vkontakte, .subscribes-header__not-auth__dropdown .soc_auth a.vkontakte {
    background: #45668e;
}

.modal .soc_auth a.google, .subscribes-header__not-auth__dropdown .soc_auth a.google {
    background: #e84342;
}

.modal .or, .subscribes-header__not-auth__dropdown .or{
	text-align: center;
	color: #bfbfbf;
	font: 18px/18px Lato;
	text-transform: uppercase;
	margin-bottom: 17px;
	background: url(../images/grey_line_bg.png) 0 50% repeat-x;
}
.modal .or span, .subscribes-header__not-auth__dropdown .or span{ padding: 0 5px; background: #fff; }

.modal form .name, .subscribes-header__not-auth__dropdown form .name{
	color: #bfbfbf;
	text-align: center;
	font: 18px Lato;
	margin-bottom: 8px;
}
.modal form .input, .subscribes-header__not-auth__dropdown form .input{
	background: #f8f9fa;
	border: 1px solid #cacaca;
	border-bottom: none;
	height: 40px;
	color: #333;
	font: 16px Lato;
	padding: 0 20px;
	width: 228px;
}
.modal form .input.first, .subscribes-header__not-auth__dropdown form .input.first{ border-radius: 5px 5px 0 0; }
.modal form .input.last, .subscribes-header__not-auth__dropdown form .input.last{ border-bottom: 1px solid #cacaca; border-radius: 0 0 5px 5px; }
.modal form .input.one, .subscribes-header__not-auth__dropdown form .input.one{ border-radius: 5px; border: 1px solid #cacaca; }
.modal form .input.one + .or, .subscribes-header__not-auth__dropdown form .input.one + .or{ margin-top: 15px; }
.modal form .submit, .subscribes-header__not-auth__dropdown form .submit{ margin-top: 10px; }
.modal form .submit_btn, .subscribes-header__not-auth__dropdown form .submit_btn{
	border-radius: 5px;
	background: #33b5e5;
	color: #fff;
	font: 700 18px Lato;
	cursor: pointer;
	height: 40px;
	border: none;
	width: 100%;
}
.modal p, .subscribes-header__not-auth__dropdown p{
	text-align: center;
	color: #333;
	font: 14px/14px Lato;
	margin-top: 10px;
}
.modal p a, .subscribes-header__not-auth__dropdown p a{ color: #0099cc; text-decoration: none; }
.modal p a:hover, .subscribes-header__not-auth__dropdown p a:hover{ text-decoration: underline; }

.modal .remember_check__checkbox, .subscribes-header__not-auth__dropdown .remember_check__checkbox{ display: none; }
.modal .remember_check, .subscribes-header__not-auth__dropdown .remember_check{
	cursor: pointer;
	display: inline-block;
	color: #333;
	font: 14px/14px Lato;
	padding-left: 19px;
	background: url(../images/remember_check.png) 0 0 no-repeat;
}
.modal .remember_check__checkbox:checked + .remember_check, .subscribes-header__not-auth__dropdown .remember_check__checkbox:checked + .remember_check{ background: url(../images/remember_check_active.png) 0 0 no-repeat; }

.modal .remember_check__checkbox, .subscribes-header__not-auth__dropdown .remember_check__checkbox{ display: none; }
.modal .remember_check, .subscribes-header__not-auth__dropdown .remember_check{
	cursor: pointer;
	display: inline-block;
	color: #333;
	font: 14px/14px Lato;
	padding-left: 19px;
	background: url(../images/remember_check.png) 0 0 no-repeat;
}
.modal .remember_check__checkbox:checked + .remember_check, .subscribes-header__not-auth__dropdown .remember_check__checkbox:checked + .remember_check{ background: url(../images/remember_check_active.png) 0 0 no-repeat; }





/*для /bitrix/templates/iguides-2015/components/bitrix/system.auth.authorize/for_empty_comments/ */
.modal #check_remember{ display: none; }
.modal .check_remember{
	cursor: pointer;
	display: inline-block;
	color: #333;
	font: 14px/14px Lato;
	padding-left: 19px;
	background: url(../images/remember_check.png) 0 0 no-repeat;
}
.modal #check_remember:checked + .check_remember{ background: url(../images/remember_check_active.png) 0 0 no-repeat; }

.modal #check_remember{ display: none; }
.modal .check_remember{
	cursor: pointer;
	display: inline-block;
	color: #333;
	font: 14px/14px Lato;
	padding-left: 19px;
	background: url(../images/remember_check.png) 0 0 no-repeat;
}
.modal #check_remember:checked + .check_remember{ background: url(../images/remember_check_active.png) 0 0 no-repeat; }
/*-------------*/

.modal .addavatar{ margin-bottom: 25px; text-align: left; }
.modal .addavatar .image{
	background: #f8f9fa;
	border: 1px solid #cacaca;
	border-radius: 5px;
	text-align: center;
	height: 68px;
	line-height: 68px;
	margin-right: 10px;
}
.modal .addavatar .name{
	color: #333;
	font: 18px/18px Lato;
	text-align: left;
}
.modal .addavatar a{
	background: #33b5e5;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
	font: 700 14px/30px Lato;
	text-decoration: none;
	padding: 0 10px;
	margin-bottom: 3px;
}
.modal .addavatar .limit{
	color: #bfbfbf;
	font: 12px/12px Lato;
	margin: 0;
	text-align: left;
}
#register_form .errortext {font-size:12px; line-height:14px; text-align:left;}
#register_form .errortext br {line-height:20px;}
.modal .errortext {display:block; margin:10px 0; color:#E56F6F;}
.modal .notetext {display:block; margin:10px 0; color:#6EB57A;}
/* End Стили всплывающих окон */


body .main_post {
    /*height: 450px;*/
    height: 400px;
    /*width: 740px;*/
    width: 800px;
    position: relative;
    margin:0 0 20px 0;
}

body .main_post .label {
    top:20px;
    line-height:20px;
}

.posts .post .tags-wrapper,
.main_post .tags-wrapper {
    position: absolute;
    top:20px;
    left:20px;
}

.posts .post .tags-wrapper .label,
.main_post .tags-wrapper .label {
    position: relative;
    height:auto;
    top:auto;
    left:auto;
    width:100%;
    margin-bottom:8px;
}

.posts .post .tags-wrapper .coment_count,
.main_post .tags-wrapper .coment_count {
    position: relative;
    top:auto;
    left:auto;
}

// .post_share a span {display:none !important;}

.news-return-back-link  {
    font: 14px/20px 'Lato';
    color: #33B5E5;
}

/* Start:/bitrix/templates/iguides/styles.css*/
.modal#subscription_form {width:730px;}

h1{font-size: 1.45em; font-weight: normal;  margin:0;padding:0px; margin-bottom: 20px; padding-bottom: 10px;}

h2,h3,h4{ margin:0;padding:0px;font-size:1.15em; margin-bottom:10px; font-weight:normal;}

.news_text_bitrix { font-family: 'PT Sans',sans-serif;color: #444444;font-size: 16px; }

#horizontal-multilevel-menu li.item-selected { color: #53c6ee !important;}

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic&subset=latin,cyrillic);
.subscribe20 {
    background: url("/bitrix/templates/iguides/image/border.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
    box-shadow:  0 1px 0 0 rgba(255, 255, 255, 0.88) inset, 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.subscribe20 .inner {
    background: #f6f6f6;
    font: 14px/18px 'Lato';
    margin: 0;
    padding: 20px 90px 20px 30px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.subscribe20 .stamp {
    background: url("/bitrix/templates/iguides/image/stamp.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 64px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 88px;
}
.subscribe20 h3 {
    margin-top: 0;
    color: #283537;
    font: bold 20px/24px "Roboto Condensed",Arial,sans-serif;
    text-transform: uppercase;
}

.subscribe20 h4 {
    font: 18px/24px 'Lato';
}

.subscribe20 #asd_subscribe_form {
    display: inline-block;
    margin: 0;
    position: relative;
}
.subscribe20 p {margin: 0 0 10px;}
.subscribe20 .submit_group{position: relative;}
.subscribe20 input[name="asd_email"] {
    box-shadow: 0 0 5px 0 #bbbbbb inset, 0 1px 0 0 #ffffff;
    font: 18px/31px 'Lato';
    width: 385px;
    background: linear-gradient(to bottom, #ffffff 0px, #e7e7e7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ababab;
    border-radius: 5px;
    color: #283537;
    margin: 0;
    padding: 4px 6px;
    position: relative;
    text-decoration: none;
    outline: 0 none;
}
.subscribe20 input[name="asd_submit"] {
    margin-top: -14px;
    padding: 4px 10px;
    position: absolute;
    right: 7px;
    top: 50%;
    border: 0 none;
    color: #ffffff;
    font: 14px/18px 'Lato';
    text-shadow: none;
    text-transform: uppercase;
    cursor: pointer;
    background: #F64214;
    background: -moz-linear-gradient(top,#f64214 0,#cb3914 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F64214),color-stop(100%,#CB3914));
    background: -webkit-linear-gradient(top,#F64214 0,#CB3914 100%);
    background: -o-linear-gradient(top,#f64214 0,#cb3914 100%);
    background: -ms-linear-gradient(top,#f64214 0,#cb3914 100%);
    background: linear-gradient(to bottom,#F64214 0,#CB3914 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
    box-sizing:  border-box;
}
.subscribe20 input[name="asd_submit"]:hover{
    background: #CB3914;
    background: -moz-linear-gradient(top,#cb3914 0,#f64214 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#CB3914),color-stop(100%,#F64214));
    background: -webkit-linear-gradient(top,#CB3914 0,#F64214 100%);
    background: -o-linear-gradient(top,#cb3914 0,#f64214 100%);
    background: -ms-linear-gradient(top,#cb3914 0,#f64214 100%);
    background: linear-gradient(to bottom,#CB3914 0,#F64214 100%);
}
.subscribe20 input[name="asd_submit"]:active{background: #cb3914;}
/* End */


#iguidesBrandingWrapper {
    width: 1180px;
    margin: 0 auto;
    background: #fff;
    /*padding: 0 0 30px 0;*/
    padding: 0 0 0 0;
    position: relative;
    z-index: 201;    
}

html body.grey .page-branding-wrapper {background:#f4f6f8;}

html body .page-branding-wrapper .unwrapper-post-head-inner {width:auto;}
html body .post_head.unwrapper-post-head .bg_image {z-index:1;}
html body .post_head.unwrapper-post-head .unwrapper-post-head-inner {position:relative; z-index:2;}


.senderrortext {font:14px/18px 'Lato';}


.profile_info .no_avatar {
    background: url(/bitrix/templates/iguides-2015/images/comments-sprite.svg) #fff -48px 4px;
    background-size: 500px;
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 75px;
}

.profile_info .comment-app-icon {
    width: 15px; 
    height: 15px; 
    display: inline-block; 
    vertical-align: middle; 
    border-left: 1px solid #BBB; 
    background: url('../images/comments-sprite.svg') -6px -84px; 
    padding-left: 5px; 
    margin-left: 5px;
}
.profile_info .comment-app-icon.itunes-apple {background-position:-6px -11px;}
.profile_info .comment-app-icon.play-google {background-position:-6px -38px;}
.profile_info .comment-app-icon.www-windowsphone {background-position:-6px -64px;}

.coment_count .hide-block {
    visibility:hidden;
}

.coment_count .visible-block {
    visibility:visible;
}

.bx-no-touch header,
.no-touch  header,
header {
    padding-top: 80px;
}

.bx-no-touch .branding header,
.no-touch .branding header,
.branding header {
    padding-top: 40px;
}

.bx-no-touch header .top_line,
.no-touch header .top_line,
header .top_line {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    -webkit-backface-visibility: hidden;
}

.topLineLogo {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin: -10px 0 -10px -8px;
}

#topLineLogo {
    background:url(/bitrix/templates/asus/asset/img/sprite.svg)  3px -5px;
    transform-style: preserve-3d;
    background-size:365px;
    display: block;
    width: 60px;
    height: 60px;
    text-indent:99999px;
}
.awrite{
	margin-right: 10px;
}

body .liveColumn {display:none;}
body .liveColumn_title {text-align:center; padding-bottom:15px; color:#333333; font:bold 14px/20px 'Lato'; text-transform:uppercase;}
body .liveColumn_item {border-top:1px solid #F3F3F3; padding:18px 0; text-align:center;}
body .liveColumn_item_image {display:block; position:relative; width:300px; height:150px; background:url(/upload/medialibrary/73b/73b02f8eccd37f4b02929f82d8882bf1.jpg) 50% 50%; background-size:cover; margin:0 auto;}
body .liveColumn_item_image.-default {background:#EAEAEA;}
body .liveColumn_item_image.-default::before {content:""; display:block; position:absolute; width:100px; height:100px; top:50%; left:50%; margin:-50px 0 0 -50px; background:url(/bitrix/templates/iguides-2015/components/bitrix/blog/main/images/logos.svg) #EAEAEA -134px -7px;}
body .liveColumn_item_name {font:bold 16px/24px 'Lato'; margin:15px 0 0 0;}
body .liveColumn_item_name a {color:#393738; text-decoration:none;}
body .liveColumn_item_name a:hover {color: #33B5E5;}

.otherRss{margin:20px 0}
.otherRss_item{
    margin-left:30px;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:242px;
    height:165px;
    background:50% 50% no-repeat;
    background-size:cover
}
.otherRss_item:first-child{margin:0}
.otherRss_item_label{background:#33b5e5;padding:0 10px;color:#fff;font:10px/20px 'Lato';text-transform:uppercase;display:inline-block;text-decoration:none;position:absolute;top:10px;left:10px}
.otherRss_item_title{position:absolute;width:100%;padding:10px;box-sizing:border-box;bottom:10px;color:#ffffff;background:rgba(0,0,0,0.6);font:14px/16px 'Lato'}

@font-face {
    font-family: 'ig-soc';
    src:url('/bitrix/templates/iguides-2015/fonts/ig-soc/ig-soc.eot?n515ux');
    src:url('/bitrix/templates/iguides-2015/fonts/ig-soc/ig-soc.eot?n515ux#iefix') format('embedded-opentype'),
        url('/bitrix/templates/iguides-2015/fonts/ig-soc/ig-soc.ttf?n515ux') format('truetype'),
        url('/bitrix/templates/iguides-2015/fonts/ig-soc/ig-soc.woff?n515ux') format('woff'),
        url('/bitrix/templates/iguides-2015/fonts/ig-soc/ig-soc.svg?n515ux#ig-soc') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="socic-"], [class*=" socic-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ig-soc' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.socic-close:before {
    content: "\f00d";
}
.socic-remove:before {
    content: "\f00d";
}
.socic-times:before {
    content: "\f00d";
}
.socic-ellipsis-h:before {
    content: "\f141";
}
.socic-ellipsis-v:before {
    content: "\f142";
}
.socic-twitter:before {
    content: "\f099";
}
.socic-tw:before {
    content: "\f099";
}
.socic-facebook:before {
    content: "\f09a";
}
.socic-fb:before {
    content: "\f09a";
}
.socic-google-plus:before {
    content: "\f0d5";
}
.socic-gp:before {
    content: "\f0d5";
}
.socic-linkedin:before {
    content: "\f0e1";
}
.socic-li:before {
    content: "\f0e1";
}
.socic-youtube:before {
    content: "\f167";
}
.socic-yt:before {
    content: "\f167";
}
.socic-vkontakte:before {
    content: "\f189";
}
.socic-vk:before {
    content: "\f189";
}
.socic-telegram:before {
    content: "\f1d8";
}
.socic-tg:before {
    content: "\f1d8";
}
.socic-whatsapp:before {
    content: "\f232";
}
.socic-wa:before {
    content: "\f232";
}
.socic-odnoklassniki:before {
    content: "\f263";
}
.socic-ok:before {
    content: "\f263";
}
.socic-evernote:before {
    content: "\e900";
}

.bx-rating { display:inline-block; position:relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; }

.bxRatingWrapper {
    text-align:center;
}

span.bx-rating-yes,span.bx-rating-no {
    display:inline-block;
    font: 10px/20px Lato;
    text-transform:uppercase;
    color:#ffffff;
    cursor:pointer;
    margin:0 5px;
}
span.bx-rating-yes-text {
    background: #64D864;
    display: block;
    float: left;
    border: 1px solid #7C987C;
    border-radius: 2px 0 0 2px;
    padding: 0px 10px;
}
span.bx-rating-yes-count {
    background: #75E475;
    display: block;
    float: left;
    border: 1px solid #7C987C;
    border-radius: 0 2px 2px 0;
    border-left: 0;
    padding: 0px 10px;
}

span.bx-rating-no-text {
    background: #E6655A;
    display: block;
    float: left;
    border: 1px solid #A52A20;
    border-radius: 2px 0 0 2px;
    padding: 0px 10px;
}
span.bx-rating-no-count {
    background: #EF776D;
    display: block;
    float: left;
    border: 1px solid #A52A20;
    border-radius: 0 2px 2px 0;
    border-left: 0;
    padding: 0px 10px;
}



@media only screen and (max-width:920px){
    .ratingVote--caption {display:none;}
    .ratingVote--buttons {float:none; width:auto; text-align:center;}
}
.comments_all_link {
	font-size: 18px;
	color: #33b5e5;
	text-decoration: none;
	font-family: "Lato", sans-serif;
}
.comments_all_link:hover {
	text-decoration: underline;
}
.ttn_general_link {
	padding: 20px 0;
    margin: 20px 0;
	border-top: 1px solid #e1e1e1;
}
.ttn_general_link:before,
.ttn_general_link:after {
    content: " ";
    display: table;
}
.ttn_general_link:after {
    clear: both;    
}

.ajax_intape_banner {text-align: center;}
.ajax_intape_banner > div {
	display: inline-block;
	width: 100%;
}


.comments .write_comment_block .add_comment textarea {
	width: 620px
}

#yandex_rtb_R-A-220293-2.yandex-banner-240-2 {
    margin: 20px auto;
    width: auto!important;
}