div.header{
	position: fixed;
	z-index: 16;
	background-color: #fff;
}
.mainblock {
	padding-top: 60px;
}
div#all{
	padding-bottom: 20px;
}
.panel.mm{
	min-width: auto;
}
p {
	margin: 0 0 8px 0;
}

body.menuOpened .panel.mm {
   left: 0;
   margin: 0;
   border-left: none;
}
div.header .logo{
	width: 178px;
	height: 40px;
	left: 20px;
	top: 10px;
}
div.header .logo a{
	width: 178px;
	height: 40px;
	background-image: url(../images/logo0_phone.svg);
}
body.lng1 div.header .logo a{
	background-image: url(../images/logo1_phone.svg);
}
.header .contact.desktop{
	display: none;
}
.header .contact.phone{
	display: block;
}
.header .phone_caller{
	visibility: visible;
    opacity: 1;
    display: none;
	background: #FF6E4F;
	color: #ffffff;
	font-size: 18px;
	line-height: 1;
	position: absolute;
    top: 60px;
    left: 0;
    width: calc( 100vw - 40px );
    border-radius: 0;
    text-align: left;
    padding: 15px 20px;
}
.header .phone_caller a{
	display: block;
	position: absolute;
	right: 66px;
	top: 10px;
	font-size: 16px;
	border: 2px #fff solid;
    border-radius: 18px;
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
}
.header .phone_caller .closer{
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 10px;
    top: 0px;
	background: url(../images/close_white.svg) center center no-repeat;
}

.program, .articles.news{
    width: calc(100% - 40px) !important;
	margin: auto;	
	display: block;
}

.content.index.articlesnews .articles.news .item{
 	margin-right: 0 !important;
 	float:none;
 	display: block !important;
 	width: 100% !important;
}


.article.jury .right {
	float: none;
	width: auto;;
}
.jury{
	display: block;
	width: auto;
	margin: 12px 12px;
}

span.controls{
	display: none;
}
.jury.ui-sortable div.item, .album.ui-sortable div {
	background: none;
}
body .top100 .scrollable:hover .controls {
    display: none;
}
.article header,
.articles.media,
.mainblock > .content > .article .twocol,
.mainblock > .content > .twocol,
.mainblock > .content > .page_more  {
	padding: 0 12px;
	width: auto;
}
.articles, .article.project {
    width: calc( 100vw - 24px );
}
.mainblock > .content > .article .twocol .right,
.mainblock > .content > .article .twocol .left,
.mainblock > .content > .twocol .right,
.mainblock > .content > .twocol .left,
.mainblock > .content .page_more .twocol .right,
.mainblock > .content .page_more .twocol .left{
	float: none;
	width: calc( 100vw - 24px);
	margin: auto;
}
.mainblock > .content > .article > .twocol .right img,
.mainblock > .content > .twocol .right img,
.mainblock > .content .page_more .twocol .right img,
.mainblock > .content > .twocol .right iframe,
.mainblock > .content .page_more .twocol .right iframe{
	max-width: calc( 100vw - 24px);
}
ymaps{
	max-width: calc( 100vw - 24px) !important;
}
.articles .item {
    margin-bottom: 12px;
}
.articles.media .item .left,
.articles.media .item.twocol .right{
	float: none;
	width:  calc( 100vw - 24px);
}

.album {
	margin: 0 20px;
}

.album .item:nth-child(4n),
.album .item{
	 margin: 0 10px 10px 0;
	 width: calc( (100% - 20px) / 3 );
}
.album .item:nth-child(3n) {
  margin-right: 0;
}
.album .item > a{
	width: auto;
	height: 0;
	padding-bottom: 100%;
	background-size: cover;
}
.album .item p{
	display: none;
	margin: 6px 12px;
	line-height: normal;
}
.mainblock h2.jurycat{
	padding: 14px 12px;
	margin: 0;
	width: auto;
}
.illustrations.photo,
.illustrations.photo .scrollable.slideshow,
.illustrations .scrollable.slideshow .items div.item img,
.illustrations .scrollable.slideshow .items div.item{
	width: 100vw !important;
}
.illustrations.photo{
	padding-top: 80px !important;
}
.navigation.article a.browse.prev,
.illustrations.carousel a.browse.prev,
.illustrations.photo a.browse.prev{
	left: 12px;
}
.navigation.article a.browse.next,
.illustrations.carousel a.browse.next,
.illustrations.photo a.browse.next{
	right: 12px;
}
.illustrations.photo .counter{
	right: 34px;
}
.illustrations.carousel,
.illustrations.carousel .scrollable .item {
	width: 100vw !important;
}
.illustrations.carousel .scrollable .items a.item{
	background-size: cover;
}

.articles.news.lenta {
	display: block;
}
.articles.news.lenta .item {
	width: 100% !important;
	margin-right: 0px;
}
.navigation.article{
	height: auto;
}
a.more{
	display: block;
}

.archive{
	margin: 0 12px;
	grid-column-gap: 12px;
}
.archive .item {
	margin: 0;
}