/* Start:/bitrix/templates/weekjournal/styles.css*/
@font-face {
    font-family: 'baron_neueblack_italic';
    src: url(/fonts/baron_neue_black_italic.eot);
    src: url(/fonts/baron_neue_black_italic.eot?#iefix) format('embedded-opentype'),
         url(/fonts/baron_neue_black_italic.woff) format('woff'),
         url(/fonts/baron_neue_black_italic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'baron_neueblack';
    src: url(/fonts/baron_neue_black.eot);
    src: url(/fonts/baron_neue_black.eot?#iefix) format('embedded-opentype'),
         url(/fonts/baron_neue_black.woff) format('woff'),
         url(/fonts/baron_neue_black.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'baron_neue_bold_italicBdIt';
    src: url(/fonts/baron_neue_bold_italic.eot);
    src: url(/fonts/baron_neue_bold_italic.eot?#iefix) format('embedded-opentype'),
         url(/fonts/baron_neue_bold_italic.woff) format('woff'),
         url(/fonts/baron_neue_bold_italic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'baron_neue_boldbold';
    src: url(/fonts/baron_neue_bold.eot);
    src: url(/fonts/baron_neue_bold.eot?#iefix) format('embedded-opentype'),
         url(/fonts/baron_neue_bold.woff) format('woff'),
         url(/fonts/baron_neue_bold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'baron_neue_italicitalic';
    src: url(/fonts/baron_neue_italic.eot);
    src: url(/fonts/baron_neue_italic.eot?#iefix) format('embedded-opentype'),
         url(/fonts/baron_neue_italic.woff) format('woff'),
         url(/fonts/baron_neue_italic.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'baron_neueregular';
    src: url(/fonts/baron_neue.eot);
    src: url(/fonts/baron_neue.eot?#iefix) format('embedded-opentype'),
         url(/fonts/baron_neue.woff) format('woff'),
         url(/fonts/baron_neue.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'Arial';
	font-size: 14px;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	cursor: auto;
}

body.in{
	background-image: -webkit-radial-gradient(#6C6C6E,#2D2D2F);
	background-image: -o-radial-gradient(#6C6C6E,#2D2D2F);
	background-image: -moz-radial-gradient(#6C6C6E,#2D2D2F);
	background-image: -webkit-radial-gradient(#6C6C6E,#2D2D2F);
	background-image: -ms-radial-gradient(#6C6C6E,#2D2D2F);
	background-image: radial-gradient(#6C6C6E,#2D2D2F);	
}

h1{font-size: 26px;}
h2{font-size: 20px;}
h3{font-size: 16px;}

a{color: #33B5E5;}

#cover{
	width: 930px;
	height: 720px;
	margin: 15px auto;
	background: #FFF;
	background-size: cover;
	position: relative;
}
#cover .box{
	position: absolute;
	top: 0px;
	left: 0px;	
	float: left;
}
#cover .box .html{
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;	
}
#cover .box .html[onclick]{
	cursor: pointer;
}
#cover .border{
	border: 4px solid #FB3;
	top: 10px;
	left: 10px;
	width: 902px;
	height: 693px;
}
.coverpanel{
	width: 1040px;
	margin: 0 auto;
	padding: 5px 10px;
	margin-top: 10px;
}
.page_content {
	width: 930px;
	background: #FFF;
	margin: 0 auto;
	padding: 10px 55px 55px 55px;
	min-height: 100%;
}
.page_content h2.sH{
	color: #000;
	font-size: 29px;
	font-family: 'baron_neueblack';
}
.page_content h2.sH a{
	color: #000;
	text-decoration: none;
}
.page_content h2.sH.red{
	color: #F44;
}

.page_content .covers a {text-decoration: none;}
.page_content .covers a img{ margin: 0px 12px 0px 12px; border: none; }
.page_content .covers a:last-child img{ margin: 0px 0px 0px 12px; }
.page_content .covers a:first-child img{ margin: 0px 12px 0px 0px; }

.footer{
	color: #FFF;
	background: #000;
	width: 100%;
	padding: 20px 0px;
	display: table;
}
.footer .page{
	width: 930px;
	margin: 0 auto;
	padding: 0px 55px;
	font-size: 12px;
}

.footer .page .b1{
	width: 450px;
	float: left;
	margin-right: 30px;
}
.footer .page  p:first-child { margin-top: 0; }
.footer .page .inf{
	color: #777;
}
.footer .page .b2{
	float: left;
	margin-right: 50px;
}
.footer .page .search{
	background: #FFF;
	border: 3px solid #FB3;
	border-radius: 60px 60px 60px 60px;
	-moz-border-radius: 60px 60px 60px 60px;
	-webkit-border-radius: 60px 60px 60px 60px;
	padding: 3px 12px 3px 10px;
	display: table;
}
.footer .page .search input{
	border: 0px;
	font-size: 11px;
	width: 150px;
	float: left;
}
.footer .page .search a{
	display: block;
	width: 11px;
	height: 11px;
	background: url(/img/search.png) no-repeat #FFF;
	float: right;
	margin: 4px 0px 0px 4px;
}
.doc404{
	width: 930px;
	margin: 0 auto;
	padding: 10px 55px 55px 55px;
	text-align: center;
	min-height: 100%;
	font-size: 110px;
	font-family: 'baron_neueblack';
	text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.39);
}
.footer .page .b2 p { margin: 10px 0px; }
.footer .page .b2 .s0{ margin: 26px 0px 0px 0px; display: block; color: #FFF; }
.footer .page .b2 .s1{ margin-top: 15px; }
.footer .page .b2 .s2{ font-size: 18px; }
.footer .page .b2 .s3 a {
	color: #FFF;
}
.footer .page .b3{
	float: left;
	width: 205px;
}
.footer .page .b3 ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
}
.footer .page .b3 ul .counter{
	float: left;
	margin: 0px 14px 14px 0px;
}
.section_block{
	display: table;
	margin-bottom: 30px;
	width: 100%;
}
.section_block .big{
	width: 450px;
	height: 450px;
	background-size: cover;
	background-position: center;
	float: left;
	margin-right: 30px;
}
.section_block .big.right{
	float: right;
	margin-right: 0px;
	margin-left: 30px;
}
.section_block .big .content{
	width: 450px;
	height: 450px;
	background-image: url(/img/bga.png);
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}
.section_block .big .content .text{
	position: absolute;
	bottom: 0px;
	color: #FFF;
	padding: 25px;
	width: 400px;
	font-size: 14px;
}
.section_block .big .content .text p,
.section_block .min .content .text p{
	margin: 5px 0px 0px 0px;
}
.section_block .big .content .text h3,
.section_block .min .content .text h3{
	margin: 5px 0px 0px 0px;
	font-size: 20px;
	margin: 0px;
}
.section_block .min .content .text h3{
	font-size: 14px;
}
.plank_b{ display: table; }
.plank_b .plank{
	font-family: 'baron_neueblack';
	padding: 7px 10px;
	background: #000;
	float: left;
	height: 15px;
	position: relative;
	margin-bottom: 10px;
	font-size: 12px;
}
.plank_b .plank span{
	width: 6px;
	height: 5px;
	background-image: url(/img/albg.png);
	background-position-x: 0px;
	bottom: -5px;
	left: 0;
	position: absolute;
}


.plank_b .plank.NB { background: #6c44ff; } /* 6c44ff статья */
.plank_b .plank.NB span{ background-position-x: -30px; }
.plank_b .plank.BL { background: #000; } /* 000000 авторский блок */
.plank_b .plank.BL span{ background-position-x: 0px; }
.plank_b .plank.Y { background: #FB3; } /* ffbb33 интервью */
.plank_b .plank.Y span{ background-position-x: -6px; }
.plank_b .plank.G{ background: #9C0; } /* 99cc00 аналитика */
.plank_b .plank.G span{ background-position-x: -12px; }
.plank_b .plank.B{ background: #33b5e5; } /* 33b5e5 мнение */
.plank_b .plank.B span{ background-position-x: -18px; }
.plank_b .plank.R{ background: #F44; } /* F44 фото */
.plank_b .plank.R span{ background-position-x: -24px; }
.plank_b .plank.F{ background: #c4f; } /* cc44ff видео */
.plank_b .plank.F span{ background-position-x: -36px; }

.section_block .min{
	width: 210px;
	height: 210px;
	background-size: cover;
	background-position: center;
	float: left;
	margin-right: 30px;
}
.section_block .min .content{
	width: 210px;
	height: 210px;
	background-image: url(/img/bga.png);
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}
.section_block .min .content .text{
	position: absolute;
	bottom: 0px;
	color: #FFF;
	padding: 15px;
	width: 180px;
	font-size: 11px;
}

.section_block  .line{
	float: left;
	margin-bottom: 30px;
}
.section_block  .line .min:last-child{
	margin-right: 0px;
}
.section_block  .line:last-child{
	margin-bottom: 0px;
}

.banner1{
	width: 930px;
	height: 130px;
	margin: 30px 0px 24px 0px;
	overflow: hidden;
}

.header{
	width: 930px;
	background: #FFF;
	margin: 0 auto;
	padding: 10px 55px;
	display: table;
}

.header .logo{
	float: left;
	margin: 34px 0 27px 0;
}
.header .banner2{
	float: right;
	width: 610px;
	height: 100px;
}

.nav{
	width: 1040px;
	background: #000;
	margin: 0 auto;
	display: table;
}
.nav table{
	width: 100%;
	text-align: center;
}
.nav table a{
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	width: 100%;
	line-height: 35px;
}
.nav table a:hover,
.nav table a.act{
	background: #333
}

.section_block .topA{
	float: right;
	width: 190px;
	height: 440px;
	background: #690;
	padding: 5px 10px;
}
.section_block .topA h2{
	margin: 10px 15px;
	font-size: 32px;
	color: #FFF;
}
.section_block .topA h2 span{
	color: #000;
}
.section_block .topA ul{
	margin: 0px 0px 10px 0px;
	padding: 0;
	list-style: none;
}

.section_block .topA ul li{
	padding: 0px 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #527A00;
	margin-bottom: 10px;
}
.section_block .topA ul li:last-child{
	padding-bottom: 0px;
	border-bottom: 0px;
	margin-bottom: 0px;
}
.section_block .topA ul li a{
	text-decoration: none;
	color: #FFF;
}
.section_block .topA ul li a span{
	color: #000;
}
.section_block .topA .scroll{
	width: 190px;
	margin-left: -10px;
	padding: 0px 10px;
	height: 341px;
	overflow: auto;
	margin-top: 20px;
}
.page_content  #load{
	font-family: 'baron_neueblack';
	color: #000;
	text-decoration: none;
	border: 2px solid #000;
	display: block;
	width: 300px;
	text-align: center;
	line-height: 43px;
	margin: 0 auto;
	font-size: 16px;
}

.section_block.in{
	float: left;
	width: 450px;
}
.section_block.in .text p{
	text-transform: lowercase;
}
.section_block.in.full{
	width: 100%;
}
.section_block.in.full .big{
	width: 930px;
}
.section_block.in.full .big .content{
	width: 930px;
}
.section_block.in.full .big .content .text{
	width: 880px;
}

.section_block.in.none{
	float: none;
	width: 100%;
}
.section_block.in.none .big{
	background: none;
	width: 100%;
	height: initial;
}

.section_block.in.none .content{
	width: 100%;
	height: initial;
	background: none;
}
.section_block.in.none .text{
	position: static;
	width: 100%;
	color: #000;
	padding: 0px;
}
.section_block.in.none .plank_b{
	float: left;
	margin-right: 10px;
	color: #FFF;
}
.section_block.in.none .big  h1{
	border-bottom: 1px solid rgba(0, 0, 0, 0.7);
	margin-bottom: 6px;
}
.section_block.in.none p{
	display: none;
}
.section_block.in.none .big .content .text .date{
	float: right;
	margin-top: 0px;
}
.section_block.in.none .big .content .text .author{
	float: left;
	color: #686868;
	font-size: 12px;
	position: initial;
}

.section_block.in .big h1{
	margin: 5px 0px 0px 0px;
	font-size: 30px;
	margin: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
	margin-bottom: 17px;	
}
.section_block.in .big .content .text p{
	font-family: baron_neue_italicitalic;
	font-size: 14px;
}
.section_block.in .big .content .text .date{
	color: #33B5E5;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	font-style: italic;
	margin-top: 15px;
	float: left;
}
.section_block.in .big .content .text .date span{
	font-size: 7px;
}
.section_block.in .big .content .text .author{
	float: right;
	font-size: 11px;
	color: #CECECE;
	font-style: italic;
	position: absolute;
	right: 25px;
	bottom: 25px;
}

.style1{
	background: #FFF5E1;
	display: table;
	padding: 15px 25px;
	color: #433925;
}

.style2{
	background: #FFF5E1;
	padding: 15px 25px;
	color: #433925;
	color: #A09F9E;
	font-size: 11px;	
}
.style2 img{
	margin-bottom: 10px;
}
.style2 .line{
	border-bottom: 1px solid #D6D6D6;
	height: 8px;
}
.style3 {
	quotes: '"' '"'; 
	background: #E7E7E7;
	display: table;
	padding: 15px 25px;
	font-style: oblique;
	font-size: 12px;	
} 
.style3:before {
	content: open-quote;
	font-size: 56px;
	display: block;
	float: left;
	margin: -12px 16px -34px -18px;
}
.style3:after {
	content: close-quote;
	font-size: 56px;
	display: block;
	float: right;
	margin: -12px -5px -42px -4px;	
}

form.search input[name="q"]{
	background: url(/img/search.png) 17px 20px no-repeat #EEE;
	border: none;
	box-shadow: inset 1px 1px 6px #D5D5D5;
	padding: 16px 10px 16px 40px;
	width: 744px;
	font-size: 16px;
	margin-right: 7px;
}
form.search input[type="submit"]{
	border: 3px solid #000;
	background: #FFF;
	font-size: 25px;
	padding: 8px 24px;
	position: relative;
	top: 3px;
}
.searchul{
	list-style: none;
	display: table;
}
.searchul li {
	float: left;
	width: 270px;
	height: 180px;
	margin: 0px 26px 20px 0px;
}
.searchul span.date{
	display: block;
	color: #33B5E5;
	font-size: 13px;
	margin-bottom: 10px;
}
.searchul a {
	color: #000;
	font-size: 14px;
}
.searchul a.text {
	color: #777;
	font-size: 12px;
	margin-left: 15px;
	display: block;
	text-decoration: none;
}

.searchul b {
	color: #F44;
	font-weight: normal;
}
.project_covers{
	float: right;
	height: 90%;
	margin-top: 52px;
	margin-left: 30px;
	width: 222px;
}
.project_covers .covers img{
	margin: 0px 0px 10px 0px !important;
}
.dev{
	font-size: 10px;
	color: #C2C2C2;
}
.dev a{
	color: #C2C2C2;
	text-decoration: none;
}
.socblock {
	margin-top: 15px;
}

#adminp{
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

#adminp a{
	font-family: 'baron_neueblack';
	color: #000;
	text-decoration: none;
	border: 2px solid #000;
	text-align: center;
	line-height: 29px;
	padding: 0px 10px;
	margin: 0 auto;
	font-size: 14px;
	text-transform: lowercase;
	float: right;
}

img[align=left] { margin: 0px 10px 10px 0px; }
img[align=right] { margin: 0px 0px 10px 10px; }

.page_content h2.sH a.linkred {
	color: #F44;
}
.min_page_content {
	min-height: 600px;
}

/* -----------------------------------  ------------------------------------- */

.project_content {width: 690px;}
.project_covers {
	margin-top:0px;
	margin-top: -15px;
}
.project_all {
	display: inline-block;
	width: 100%;
}


@media (max-width: 1070px) and (min-width: 979px){
	.header {
		width: 821px;
	}
	.nav {
		width: 931px;
	}
	.page_content {
		width: 820px;
	}
	.page_content .covers a img {
		width: 184px;
	}
	.section_block .line {
		margin-bottom: 20px;
	}
	.section_block {
		margin-bottom: 20px;
	}
	.section_block .big {
		width: 400px;
		height: 400px;
		margin-right: 20px;
	}
	.section_block .big.right {
		margin-left: 20px;
	}
	.section_block .big .content {
		width: 400px;
		height: 400px;
	}
	.section_block .big .content .text {
		width: 350px;
	}
	.section_block .min {
		width: 190px;
		height: 190px;
		margin-right: 20px;
	}
	.section_block .min .content {
		width: 190px;
		height: 190px;
	}
	.section_block .min .content .text {
		width: 160px;
	}
	.section_block .topA {
		width: 170px;
		height: 390px;
	}
	.section_block .topA h2 {
		font-size: 26px;
	}
	.section_block .topA .scroll {
		width: 170px;
		height: 303px;
	}
	.footer .page {
		width: 840px;
	}
	.footer .page .b3 {
		width: 125px;
	}
	.footer .page .b2 {
		margin-right: 40px;
	}
	.cover_link img{
		width: 184px;
	}
	.project_covers {
		width: 185px;
	}
	form.search input[name="q"] {
		width: 637px;
	}
	.searchul li {
		width: 245px;
		margin: 0px 15px 20px 0px;
	}
}
@media (max-width: 979px) and (min-width: 768px){
	.header {
		width: 628px;
	}
	.nav {
		width: 739px;
	}
	.page_content {
		width: 630px;
	}
	.page_content .covers a img {
		width: 136px;
	}
	.section_block .big {
		width: 629px;
		height: 340px;
		margin-bottom: 20px;
	}
	.section_block .big .content {
		width: 629px;
		height: 340px;
	}
	.section_block .big .content .text {
		width: 579px;
		font-size: 18px;
	}
	section_block .big .content .text h3, .section_block .min .content .text h3 {
		font-size: 27px;
	}
	.section_block .min {
		width: 305px;
		height: 305px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.section_block .min .content {
		width: 305px;
		height: 305px;
	}
	.section_block .min .content .text {
		width: 275px;
		font-size: 16px;
	}
	.section_block .min .content .text h3 {
		font-size: 22px;
	}
	.footer .page {
		width: 710px;
	}
	.footer .page .b1 {
		width: 380px;
		margin-right: 10px;
	}	
	.footer .page .b3 {
		width: 117px;
	}
	.footer .page .b2 {
		margin-right: 10px;
	}
	.cover_link img{
		width: 136px;
	}
	.project_covers {
		width: 136px;
	}	
	#cover {
		zoom: 0.8;
	}
	.listsect .section_block .min {
		width: 629px;
		height: 340px;
		margin-bottom: 20px;
	}
	.listsect .section_block .min .content {
		width: 629px;
		height: 340px;
	}
	.listsect .section_block .min .content .text {
		width: 579px;
		font-size: 18px;
	}
	.section_block .line {
		margin-bottom: 0px;
	}
	.section_block .big.right {
		float: left;
		margin-right: 0px;
		margin-left: 0px;
	}
	.section_block {
		margin-bottom: 0px;
	}
	.section_block .topA {
		float: left;
		width: 609px;
		height: 194px;
		margin-bottom: 20px;
	}
	.section_block .topA h2 br { display: none; }
	.section_block .topA h2 span { padding-left: 10px; }
	.section_block .topA .scroll {
		width: auto;
		margin-left: 0px;
		padding: 0px 10px;
		height: 132px;
		margin-top: 20px;
	}
	.section_block .topA ul li {
		width: 230px;
		margin-right: 10px;
		padding: 0px 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #527A00;
		margin-bottom: 10px;
		float: left;
	}
	.section_block .line:last-child {
		width: 655px;
	}
	form.search input[name="q"] {
		width: 445px;
	}
	.searchul {
		padding: 0px;
	}
}
@media (max-width: 767px){
	.page_content {
		width: 95%;
		padding: 10px;
	}
	#cover {
		zoom: 0.5;
	}
	/*
	#cover{
		background-image: url(/img/logo.png) !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		height: 57px;
		width: auto;
		background: #FFF;
		margin: 0 auto;
		padding: 10px 55px;
		display: flex;
	}
	#cover > *{
		display: none;
	}
	*/
	.section_block .big  {
		width: 100%;
		height: 340px;
		margin-bottom: 10px;
		margin-right: 0px;
	}	
	.section_block .big .content {
		width: 100%;
		height: 340px;
	}
	.section_block .big .content .text {
		width: auto;
		font-size: 18px;
	}
	.section_block .min {
		width: 100%;
		height: 340px;
		margin-bottom: 10px;
	}
	.section_block .min .content .text{
		width: auto;
		font-size: 18px;
	}
	.section_block .min .content .text h3{
		margin: 5px 0px 0px 0px;
		font-size: 20px;
		margin: 0px;
	}
	.section_block .min .content {
		width: 100%;
		height: 340px;
	}
	.section_block .line {
		float: initial;
	}
	.covers {
		display: none;
	}
	.section_block {
		margin-bottom: 0px;
	}
	.section_block .topA {
		float: left;
		width: auto;
		height: 194px;
		margin-bottom: 10px;
	}
	.section_block .topA h2 br { display: none; }
	.section_block .topA h2 span { padding-left: 10px; }
	.section_block .topA .scroll {
		width: auto;
		margin-left: 0px;
		padding: 0px 10px;
		height: 132px;
		margin-top: 20px;
	}
	.section_block .topA ul li {
		width: 80%;
		margin-right: 10px;
		padding: 0px 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #527A00;
		margin-bottom: 10px;
		float: left;
	}
	.nav {
		width: 100%;
	}
	.header {
		width: auto;
		height: 100px;
		display: block;
		padding: 0px;
		text-align: center;
	}
	.header .logo {
		float: initial;
	}
	.footer {	
		overflow: hidden;
	}
	.footer .page {
		width: 100%;
		padding: 0px 41px;
	}
	.footer .page .b1 {
		width: 200px;
		margin-right: 38px;
	}
	.footer .page .b2 {
		margin-right: 50px;
	}
	.footer .page .b3 {
		width: 180px;
	}
	form.search input[name="q"] {
		width: initial;
	}
	.searchul {
		padding: 0px;
	}
	.searchul li {
		float: inherit;
		width: auto;
		height: auto;
		margin: 0px 26px 20px 26px;
	}
	.section_block.in {
		width: 100%;
	}
}
/* End */
/* /bitrix/templates/weekjournal/styles.css */