
@font-face{
	font-family: "FiraSansCondensed-Light";
	src: url("/fonts/FiraSansCondensed-Light.ttf");
}
.page-title h1{
	font-weight: 600;
	font-size: 2.3rem;
	margin: 0;	
    text-transform: uppercase;
}
.page-descr{
	font-size: 16px;
	font-family: FiraSansCondensed;
	font-weight: 400;	
}
.contact-bg-img{
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/img/contact/contact-bg.png);
	width: 1334px;
	height: 480px;
	z-index: -1;
}
.bottom-pannel{
	background: transparent!important;
	height: 10vh!important;
}
.icon-fill{
	fill: #000;
}
.vh1111{
	padding: 10vh 9vw 0 9vw !important;
}
.contacts a{
	color: #000!important;
}

/* PAGE COUNTER */
.page-counter{
	position: absolute;
    bottom: 39px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.page-counter__number{
	margin: 0 10px;
	margin-left: 0;
}
.page-counter-line, .page-counter-line{
	width: 90px;	
	height: 1px;	
}
.page-counter__number.active{
	color: #00b1c4;
}
.page-counter-line.active svg line{
	stroke: #00b1c4;
}


/* LINE_DECOR */
.bottom-l-line{
	background-color: #000!important;
}
.bottom-center-line{
	background-color: #000!important;
}
.bottom-r-line{
	background-color: #000!important;
}

 @media (max-width: 1024px) {
 	.page-descr{
 		font-size: 14px;	
 	}
	.popUp{
    	width: 87vw;
	}
}
@media (max-width: 450px) {		
	.text-block{
		margin: 0!important;
	}
	.page-title h1{
    	margin: 30px 0;
    	margin-bottom: 10px;
    	width: 86%;
   		font-size: 1.6rem;
	}
	.core__top-pannel{
		position: absolute!important;
	}
	.core-pic{
		position: fixed!important;
	}	
	.popUp{
		width: initial;
	}
	img.popUp-bg{
		left: 0;
    	width: 63%;
	}
	.page-counter{
		display: none;
	}
	.page-descr{
		font-size: 12px;
	}
}
@media (max-width: 360px) {
	.page-title h1{
		font-size: 1rem;
	}	
	.page-descr{
		font-size: 0.8rem;
	}
	.popUp{
		width: 91%;
	}
}
@media (max-width: 350px) {
	.bottom-pannel{
		bottom: unset!important;
	}
}


/* FOR IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.soc-buttons{
		position: absolute;
		bottom: 0;
		max-height: 12vh;
	}
}