@import 'lepro.css';
@import 'd3.css';
@import 'apps.css';
@import 'other.css';


html,
body {
	height:100%;
	margin:0;
	padding:0;
}
body {
	font-family: 'PT Sans Caption', sans-serif;
	color:#000;
	min-width:978px;
	min-height: 730px;
	position:relative;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;

	animation: opacity-fadein 1s;
}
a {
	color: #000;
}
h1, h2, h3, h4 {
	font-family: 'PT Serif', serif;
	font-weight:normal;
	font-style:italic;
}
h2 {
	font-size:30px;
	line-height:1.1;
	font-style: normal;
}
h3 {
	font-size: 24px;
}
.noanimation * {
	transition: none !important;
}
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	overflow:hidden;
}
.hidden {
	display:none !important;
}
.pos_hidden {
	position:absolute !important;
	top:-10000px !important;
	left:-10000px !important;
	zoom:1;
}
.b-button {
	padding: 8px 12px;
	background: #fff;
	border-radius: 4px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	cursor: pointer;
}

.l-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* Главная страница */
.l-page {
	min-height:100%;
	min-width:978px;
	position:relative;
	overflow:hidden;
}
	
	/* Навигация */
	.l-navigation {
		position: absolute;
		top: 27px;
		left: 23px;
		right: 23px;
		width: calc(100% - 46px);
		height: 30px;
		z-index: 30;
		opacity: 0;
		transition: opacity 1s, left .5s;
	}
		.b-navigation {
			position: absolute;
			width: 100%;
			height: 38px;
			white-space: nowrap;
			overflow: hidden;
			transition: width 1s, left 1s, right 1s, opacity .5s;
		}
			.b-navigation .b-navigation_logo {
				position: absolute;
				left: calc(50% - 142px);
				bottom: 9px;
				display: block;
				width: 142px;
				height: 26px;
				background: url(../i_/futurico_logo_white.png) no-repeat;
				vertical-align: bottom;
				overflow: hidden;
				z-index: 30;
			}
			.b-navigation ul {
				position: absolute;
				left: calc(50% + 17px);
				bottom: 4px;
				width: 190px;
				padding: 0;
				margin: 0;
				list-style: none;
			}
				.b-navigation ul li {
					display: inline-block;
					margin-right: 15px;
				}
					.b-navigation ul li a {
						text-decoration: none;
					}
		.b-navigation.b-navigation_main {
			opacity: 0;
			left: 0;
		}
			.b-navigation.b-navigation_main .b-navigation_logo {
				left: calc(50% - 142px);
			}
			.b-navigation.b-navigation_main ul {
				left: calc(50% + 17px);
			}
				.b-navigation.b-navigation_main ul li a {
					color: #fff;
				}
		.b-navigation.b-navigation_white {
			width: 50%;
			left: 0;
		}
			.b-navigation.b-navigation_white .b-navigation_logo {
				background-color: #2e2e2e;
			}
			.b-navigation.b-navigation_white ul li a {
				color: #fff;
			}
			.l-page_index .b-navigation ul li[data-page="ventures"] a,
			.l-page_contacts .b-navigation ul li[data-page="ventures"] a,
			.l-page_dirty .b-navigation ul li[data-page="ventures"] a {
				color: #003665;
			}
			li[data-page="ventures"] a i {
				font-style: normal;
				position: relative;
				top: 1px;
			}

		.b-navigation.b-navigation_black {
			width: 50%;
			left: auto;
			right: 0;
		}
			.b-navigation.b-navigation_black .b-navigation_logo {
				width: 142px;
				left: auto;
				right: calc(50% + 17px);
				background: url(../i_/futurico_logo.png) no-repeat #fff;
			}
			.b-navigation.b-navigation_black ul {
				left: auto;
				right: calc(50% - 200px);
			}
		.b-navigation_report_2016 {
			position: absolute;
			opacity: 0;
			top: -50px;
			left: calc(50% + 17px);
			font-family: PT Serif, serif;
			font-size: 29px;
			text-decoration: none;
			line-height: 53px;
			padding: 0 74px 0 13px;
			background: #ece686;
			background: -moz-linear-gradient(left,  #ece686 0%, #92f2a6 100%);
			background: -webkit-linear-gradient(left,  #ece686 0%,#92f2a6 100%);
			background: linear-gradient(to right,  #ece686 0%,#92f2a6 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece686', endColorstr='#92f2a6',GradientType=1 );
			transition: top .3s, opacity .3s;
		}
			.l-page_index .b-navigation_report_2016 {
				opacity: 1;
				top: 50px;
				left: calc(50% + 17px);
			}
			.b-navigation_report_2016:after,
			.b-navigation_report_2016:before {
				position: absolute;
				bottom: 0;
				right: 0;
				display: block;
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 0 26.5px 18px;
				border-color: transparent transparent #ffffff transparent;
			}
			.b-navigation_report_2016:before {
				bottom: auto;
				top: 0;
				right: 0;
				border-width: 0 18px 26.5px 0;
				border-color: transparent #ffffff transparent transparent;
			}


	/* Кнопки назад, общий стиль */
	.b-button_back {
		position: absolute;
		left: 50%;
		top: 0;
		bottom: 0;
		width: 0px;
		z-index: 50;
		cursor: pointer;
		opacity: 0;
	}
	.b-button_back_left {

	}
		.b-button_back_left:after {
			content: '';
			display: block;
			font-size: 34px;
			position: absolute;
			top: 36px;
			width: 23px;
			height: 20px;
			text-align: center;
			color: #fff;
			background: url(../i_/button_back_left.png) center no-repeat;
			opacity: 0;
		}
	.b-button_back_right {

	}
		.b-button_back_right:after {
			content: '';
			display: block;
			font-size: 34px;
			position: absolute;
			top: 36px;
			width: 23px;
			height: 20px;
			text-align: center;
			background: url(../i_/button_back_right.png) center no-repeat;
			opacity: 0;
		}

	/* Страницы */
	article {
		position: absolute;
		top: 0;
		bottom: 0;
		overflow: hidden;
		cursor: pointer;
	}
		article .b-article_pic {
			position: absolute;
			cursor: pointer;
		}

	.b-article_backing {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 0;
		z-index: -1;
		transition: opacity 1s;
	}

	/* Footer */
	.l-footer {
		position:absolute;
		bottom:0;
		left: 23px;
		right: 23px;
		width: calc(100% - 46px);
		height:80px;
		font-size:12px;
		z-index: 30;
		overflow:hidden;
		transition: left .5s;
	}
		.b-footer_white,
		.b-footer_black,
		.b-footer_main {
			position: absolute;
			width: 50%;
			height: 80px;
			overflow: hidden;
			transition: width 1s, left 1s, right 1s, opacity .5s;
		}
		.b-footer_main {
			opacity: 0;
			left: 0;
			width: 100%;
		}
			.b-footer_main .b-footer_left {
				left: calc(50% - 150px);
				background-color: transparent;
			}
			.b-footer_main .b-footer_right {
				left: 50%;
			}
		
		.b-footer_white {
			opacity: 1;
			left: 0;
			right: auto;
		}
			.b-footer_left {
				position: absolute;
				left: 0;
				width: 150px;
				height: 80px;
				background-color: #2e2e2e;
				font-family: 'PT Sans Caption', sans-serif;
				font-size: 12px;
				color: #fff;
				text-align: right;
			}
				.b-footer_left p {
					margin: 0 17px 5px 0;
				}
					.b-footer_left p a {
						color: #fff;
					}
			.b-footer_right {
				position: absolute;
				left: auto;
				right: 0;
				width: 466px;
				height: 80px;
				overflow: hidden;
				transition: opacity .2s .5s;
			}
				.b-footer_right .fb-like {
					margin-left: 17px;
				}
		.b-footer_black {
			opacity: 1;
			right: 0;
			left: auto;
		}
			.b-footer_black .b-footer_left {
				left: auto;
				background-color: #fff;
			}
				.b-footer_black .b-footer_left p,
				.b-footer_black .b-footer_left p a {
					color: #000;
				}


@-webkit-keyframes opacity-fadein {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-ms-keyframes opacity-fadein {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes opacity-fadein {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}