@import '/svalka/header-2016/_fonts.css';



@font-face {
    font-family: 'zyalva';
    src: url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvaregular_true-webfont.eot');
    src: url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvaregular_true-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvaregular_true-webfont.woff2') format('woff2'),
    url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvaregular_true-webfont.woff') format('woff'),
    url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvaregular_true-webfont.ttf') format('truetype'),
    url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvaregular_true-webfont.svg#zyalvaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zyalva';
    src: url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvabold_true-webfont.eot');
    src: url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvabold_true-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvabold_true-webfont.woff2') format('woff2'),
    url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvabold_true-webfont.woff') format('woff'),
    url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvabold_true-webfont.ttf') format('truetype'),
    url('https://img.artlebedev.ru/svalka/portfolio/fonts/zyalvabold_true-webfont.svg#zyalvabold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* Верхняя навигация */
#main_navigation{
    font-family: sans-serif;
	position: relative;
	z-index:66;
}
.wf-active #main_navigation{
    font-family: 'ALSArtemiusSans';
}


a.branches,
span.current{
	padding: 0;
	line-height: 22px;
	font-size: 14px;
}

.submenu_wrapper{
	position: relative;
	z-index: 2;
    font-family: 'ALSArtemiusSans', sans-serif;
}

/* Первый блок анонса и процесса */
.cover_v5{
	position: relative;
	z-index: 1;
	/*margin-top: -2em;*/
}
.cover_process_v5{
	position: relative;
	top: 2em;
	margin-top: -2em;
	margin-bottom: 4em;
}
.cover_process_v5_guides{
	position: relative;
	margin-top: -1.5em;
}



/* Процесс */
.image-process_v5{
	margin-bottom: 2.5em;
    margin-top: 2em;
    padding: 0 22px;
}

/* Main div */
.main_v5{
	padding-top: 3em;
}


/* Ссылка на документ */
.portfolio_project_url_v5{
    font-family: 'ALSArtemiusSerif';
    font-size: 100%;
    font-weight: 400;
    padding-left: 16%;
    padding-right: 16%;
    padding-top: 1.5em;
    text-align: center;
}


/* Заголовки и текст */
.portfolio_work_title_v5{
	font-size: 200%;
    font-weight: 400;
	text-align: center;
	color: #000;
	position: relative;
	z-index: 20;
	padding-left: 16%;
	padding-right: 16%;
}
.portfolio_work_title_v5_white{
    font-family: 'ALSArtemiusSerif';
	font-size: 200%;
    font-weight: 400;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 20;
	padding-left: 16%;
	padding-right: 16%;
}
.subtitle_v5{
	font-size: 85%;
    line-height: 140%;
    margin-bottom: 1.5em;
    margin-top: -1em;
}

h1.main_title_v5,
h1.portfolio_work_title_v5 {
	text-align: center;
    font-family: 'ALSArtemiusSerif';
    padding: 0 16%;
}

.body_v5{
	padding-left: 16%;
	padding-right: 16%;
	font-size: 100%;
    line-height: 140%;
    margin-bottom: 1em;
    margin-top: 0;
}

/* Подписи */
.descr_v5{
	padding-left: 50%;
	margin-top: 1em;
    font-size: 85%;
    line-height: 150%;
    text-align: left;
    font-style: italic;
    color: #000;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.descr2_v5{
	margin-top: 1em;
    font-size: 85%;
    line-height: 150%;
    text-align: left;
    font-style: italic;
    color: #000;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.descr3_v5{
	margin-top: 1em;
    font-size: 85%;
    line-height: 150%;
    text-align: center;
    font-style: italic;
    color: #000;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Верхние табы */

.toptabs_v5{

}


/* Нижние табы, Круглые */


.bottom_tabs_table a {
	text-decoration: none;
}
.bottom_tabs_table a.underline{
	color:black;
	border: none;
}
.bottom_tabs_table a:hover.underline{
	color:black;
	border: none;
}
.bottom_tabs_table a:visited{
	color:black;
	border: none;
}

.bottom_tabs_table {
  display: table;
  border-collapse: separate;
}

.bottom_tabs_row { display:table-row; font-size: 85%; }

.cell {
  display:table-cell;
  padding: 0em 1.2em;
}

.bottom_tabs_v5_active {
	background-color: #8dc0f4;
	color: white;
	font-weight: bold;
	vertical-align: top;
	line-height: 23px;
}
.bottom_tabs_v5_deactive {
	color: black;
	line-height: 23px;
	cursor: pointer;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	background-color: rgba(0, 0, 0, 0.1);
}
.bottom_tabs_v5_deactive:hover {
	background-color: rgba(0, 0, 0, 0.2);
}
.bottom_tabs_bullet{
	font-size: 150%;
	line-height: 20%;
    vertical-align: sub;
    margin-left: -2px;
}
.cell.first{
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.cell.last{
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}




/* Нижние табы, Белые */

.bottabs_white_v5 td.active_v5{
	color: white;
}
.bottabs_white_v5{
	font-size: 85%;
}
.bottabs_white_v5 a{
	color: #3d81aa;
}
.bottabs_white_v5 a.underline{
	border-color: rgba(62, 130, 171, 0.65);
}
.bottabs_white_v5 a:hover{
	color: #3d81aa;
}
.bottabs_white_v5 a:hover.underline{
	border-color: rgba(62, 130, 171, 0.65) !important;
}
.bottabs_white_v5 a:visited{
	color: #3d81aa;
}
.bottabs_white_v5 a:visited.underline {
	border-color: rgba(62, 130, 171, 0.65)
}

/* Нижние табы, Черные */

td.active_v5{
	color: white;
}
.bottabs_black_v5{
	font-size: 85%;
}
.bottabs_black_v5 a{
	color: #3d81aa;
}
.bottabs_black_v5 a.underline{
	border-color: rgba(62, 130, 171, 0.65);
}
.bottabs_black_v5 a:hover{
	color: #3d81aa;
}
.bottabs_black_v5 a:hover.underline{
	border-color: rgba(62, 130, 171, 0.65) !important;
}
.bottabs_black_v5 a:visited{
	color: #3d81aa;
}
.bottabs_black_v5 a:visited.underline {
	border-color: rgba(62, 130, 171, 0.65)
}

/* Роли */
.cast_v5{
	padding: 2em;
	min-width: 950px;
	 background-color: #f5f5e9;
	 float: left;
}
.cast_v5 td:not(:last-child){
	padding-right: 10px;
}
.cast_v5 img{
	height: 160px;
}

.descr_papers{
    text-align: left;
    font-style: italic;
    color: #000;
}



/* Задача */
.task_table_v5{
	line-height: 130%;
	height: 4em;
	background-color: #f5f5e9;
	}
.task_v5{
	padding-right: 2em;
	vertical-align: middle;
	font-style: italic;
}
.task_point_v5{
	    vertical-align: middle;;
}
.task_published_v5{
	padding-left: 2em;
	font-size: 85%;
	vertical-align: middle;
	background: linear-gradient(to top, #f5f5e9, #ddded0);
}

.task_table_v5 .portfolio_date{
	padding-top: 0.5em;
	padding-right: 2em;
}
.task_table_v5 .portfolio_date p.body_first{
	font-size: 100%;
}

/* Линк на сайт */
.body_link_v5{
	padding-left: 16%;
	margin-left: -22px;
}
.body_link_v5 a{
	font-weight: bold;
	font-size: 120%;
}

.body_link_v5 span{
	padding-left: 0.5em;
}


div.hcc.hc__avatar,
div.hcc.hc__message__comment{
	opacity: 1 !important;
}





/* _________Всякое_________ */

/* Вакансии после удаления строки */
#mainBox{
	margin-top: 1em;
}

/* Првеьюшки линча */

.routine.visible-always .calendar-inner .calendar-next, .routine.visible-always .calendar-inner .calendar-prevent {
	position: relative;
	top: 0 !important;
	height: auto !important;
	opacity: 1 !important;
}


.routine-foldable .calendar .calendar-shadow {
display: none;
	}