@import "/components/system/front/view/start/sti/css/icons.css" screen;

@font-face {
    font-family: 'Manrope';
    src: url('/components/system/front/view/start/sti/fonts/Manrope-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/components/system/front/view/start/sti/fonts/Manrope-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

body
{
	margin: 0px; 
	padding: 0px;
	font-family: 'Manrope';
	font-size: 18px;
	
}



ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.center
{
	width: 1024px;
	margin: 0px auto;
}

.header_top
{
	background: #d7dbde;
	width: 100%;
	height: 50px;
	border-bottom: 5px solid #1e2328;
}

.header_top_body
{
	height: 50px;
	width: 100%;
	background: #3d4750;
	transform: skew(20deg);
	margin-left: 232px;
	padding-left: 20px;
}


.header_top_body:after
{
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	position: absolute;
	background: #3d4750;
	left: 1000px;
	top: 0px;
}


.header_top_body .mod_position.position_header_top
{
	transform: skew(-20deg);
	color: #fff;
	font-size: 14px;

}

.header_top_body .mod_position.position_header_top .iconb
{
	font-size: 20px;
}


.header_center
{
	height: 50px;
	width: 100%;
	border-bottom: 5px solid #1e2328;
	padding: 10px 0px;
}


.header_center .module
{
	display: inline-block;
	vertical-align: top;
}

.mod_position.position_footer
{
	width: 100%;
}

.mod_position.position_footer .module
{
	display: inline-block;
	vertical-align: top;
}