/* CSS код компонента ''О компании''  */
/* --------------------------------------- */

/* Шрифты */

/* @import url('http://allfont.ru/allfont.css?fonts=avantgardectt-bold'); */
/* @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700&display=swap&subset=cyrillic'); */


@font-face {
    font-family: 'AvantGardeCTT';
    font-style: normal;
    font-weight: 700; /* Bold */
    src: local('AvantGardeCTT Bold'), local('AvantGardeCTT-Bold'),
        url('../fonts/avantgardectt-bold/avantgardectt-bold.woff') format('woff'),
        url('../fonts/avantgardectt-bold/avantgardectt-bold.ttf') format('truetype');

	font-display: swap;
}


@font-face {
			font-family: "Roboto Condensed";
			src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot");
			src: url("../fonts/RobotoCondensedLight/RobotoCondensedLight.eot?#iefix")format("embedded-opentype"),
			url("../fonts/RobotoCondensedLight/RobotoCondensedLight.woff") format("woff"),
			url("../fonts/RobotoCondensedLight/RobotoCondensedLight.ttf") format("truetype");
			font-style: normal;
			font-weight: 300; /* Light */


	font-display: swap;
	}

@font-face {
			font-family: "Roboto Condensed";
			src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot");
			src: url("../fonts/RobotoCondensedBold/RobotoCondensedBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/RobotoCondensedBold/RobotoCondensedBold.woff") format("woff"),
			url("../fonts/RobotoCondensedBold/RobotoCondensedBold.ttf") format("truetype");
			font-style: normal;
			font-weight: 700; /* Bold */


	font-display: swap;
	}



.company-front
{
    display: grid;
}

/* анимированные цифры */
.company-front .props .body-info .value
{
	font-size: 65px;
	font-family: 'AvantGardeCTT', 'Trebuchet MS';
	font-weight: 700;
	color: #0088cc;

	width: 106px;
	text-align: center;

    margin-left: auto;
    margin-right: auto;

	margin-bottom: 4px;
}

/* черта */
.company-front .props hr
{
	/* убираем установленные ранее значения*/
	margin-block-start: 0px;
    margin-block-end: 0px;
	/* ↑ Не работает в EI. Аналог: */
    margin-top: 0px;
    margin-bottom: 0px;

	position: relative;
    top: 15px;
    left: 0px;

	border: 0; /* убираем объемные эффекты по умолчанию (атрибут "noshade") */
	background-color: #0088cc; /* цвет линии */

	width: 106px; /* длина линии */
	height: 2px; /* толщина линии */

    margin-left: auto;
    margin-right: auto;
}

/* подпись под цифрой */
.company-front .props .title
{
	position: relative;
	left: 0px;
	top: 0px;

	width: 106px;

	margin-top: 23px;
    padding-left: 1px;

	font-size: 16px;
	font-family: 'Roboto Condensed', 'Times New Roman';

	color: black;
	font-weight: 700; /* Bold */
	line-height: 1.25;
	text-align: left;

    margin-left: auto;
    margin-right: auto;
}

/* абзацы текста */
.company-front p
{
	text-indent: 16px;

	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;

	margin-bottom: 0px;

	font-size: 19px;
	font-family: 'Roboto Condensed', 'Times New Roman';
	font-weight: 300;  /* Light */
	color: black;

	text-align: justify;

	padding: 0 16px;

	max-width: 100vw; /* исправляет в IE глюк выхода текста за границы при очень маленькой ширине экрана */
}

.company-front h3
{
	margin: 0; /* обнуляет унаследованный */

	padding-bottom: 40px;
	padding-left: 15px;
	text-align: left;
}

.company-front #company-container
{
	padding-bottom: 84px;
}

.company-front #block-1
{
	position: relative;
	width: 50%;
	display: block; /* чтобы исправить растягивающееся изображение */
	float: left;

	text-align:center;

	margin-top: 86px;
}

.company-front #block-2
{
	position: relative;
	/* width: 50%; */
	display: flex;
	/* float: right; */

	margin-top: 125px;
}

.company-front #block-3
{
	position: relative;
	/* width: 50%; */
	/* display: block; */ /* чтобы исправить сбившиеся параграфы */
	/* float: right; */
	display: flex;
    flex-direction: column;
	margin-top: 49px;
}

.company-front #block-1 img
{
	max-width: 100%;
	height: auto;

	margin-left: auto;
    margin-right: auto;

	padding: 0 16px;
}

/* блок с цифрами */
.company-front .profit-block
{
	/* центрируем */
	margin-left: auto;
    margin-right: auto;

	/* отменит центрирование этого блока, зато все столбцы внутри будут центрированы: */
    width: 100%;

	display: block;
}

/* столбцы, содержащие анимированные цифры */
.company-front .CustomCol
{
	width: 25%;
	height: auto;
	float: left;
}

/* обертка заголовка и изображения, которая центрируется внутри block-1 */
.company-front .HnImgWrapper
{
	width: fit-content;
	width: -moz-fit-content;

    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1024px)
{
	.company-front #block-1
	{
		margin-top: 70px;
	}

	.company-front #block-2
	{

	}

	/* анимированные цифры */
	.company-front .props .body-info .value
	{
		font-size: 55px;
	}

	/* черта */
	.company-front .props hr
	{
		width: 85px; /* длина линии */
	}

	/* подпись под цифрой */
	.company-front .props .title
	{
		font-size: 14px;

		width: 86px;
	}

	/* абзацы текста */
	.company-front p
	{	}
}

/* @media only screen and (max-width: 768px), screen and (max-device-width:768px) */
@media (max-width: 950px) /* отклон. */
{
	.company-front #block-3
	{
		width: 100%;

		/* margin-top: 36px; */
		margin-top: 6.4vw;
	}


	.company-front #block-1
	{
		/* width: 64%; */

		margin-top: 48px;
	}

	.company-front #block-2
	{
		/* width: 36%; */

		margin-top: 200px;
	}

	.company-front .CustomCol
	{
		width: 50%;
	}

	.company-front #block-1 img
	{
		max-width: 100%;
		height: auto;
	
		margin-left: auto;
		margin-right: auto;

		padding-right: 0px;
	}

	.company-front .item
	{
		/* margin-bottom: 54px; */
		margin-bottom: 6vw;
	}

	.company-front #company-container
	{
		padding-bottom: 48px;
	}
}

/* @media only screen and (max-width: 320px), screen and (max-device-width:320px) */
@media (max-width: 640px) /* откл. */
{
	.company-front #block-2
	{
		width: 100%;

		margin-top: 40px;
	}

	.company-front #block-1
	{
		width: 100%;
	}

	.company-front #block-3
	{
		margin-top: 0px;
	}

	.company-front .item
	{
		margin-bottom: 33px;
	}

	.company-front #block-1 img
	{
		padding: 0px 16px; /* вернули исходный */
	}

	.company-front #company-container
	{
		padding-bottom: 88px;
	}
}

/* мигание картинки при наведении */
.company-front img:hover
{
    opacity: 1;
    -webkit-animation: flash 0.8s;
    animation: flash 0.8s;
}

/* --- правки 26.07.19 ------------ */
/* выровнять блок о компании по левому краю */
@media (min-width: 951px)
{
	.company-front #block-1
	{
		max-width: 50%;
		width: auto;
	}
/*
	.company-front #block-2
	{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.company-front #block-3
	{
		display: table;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding-top: 49px;
	}
*/
}
/* --- --- конец правки 26.07.19 --- */


#block-1 {
	display: none !important;
}