/* @override http://localhost:3000/css/main.css */
:root {
	--light-blue: #99cbfd;
	--dark-blue: #5ba9fb;	
}

/* @group main */
body {
   margin: 0;
   padding: 0;
}

.style1 {
   font-size: 10px;
}

.style2 {color: #000066}
.style4 {
	font-size: 24px;
	font-weight: bold;
}
.style5 {
	font-size: 16px;
	font-weight: bold;
}
.style7 {font-size: 28px}

/* @end */

/* @group header */
.header {


}
header {
	font-family: 'Arial', sanif;
	width: 980px;
	height: 152px;
	
	position: relative;
	z-index: 9;
	background-color: var(--light-blue);
	/*background-image: url(/imgs/sample.png);*/	
}

header::before {
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	width: calc(980px - 2px);
	height: 21px;
	background-color: var(--dark-blue);	
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 1;
}

header > span {
	position: relative;
	display: inline-block;
	color: white;
	z-index: 9 !important;
	font-size: 13px;
}

header > .tel {
	position: absolute;
	left: 15px;
	top: 3px;
}

header > .fax {
	position: absolute;
	left: 150px;
	top: 3px;
}

header > .email {
	position: absolute;
	left: 290px;
	top: 3px;
}

header > .logo {
	position: absolute;
	top: 30px;
	left: 16px;
	background-image: url(/imgs/logo-2019.jpg);
	height: calc(152px - 22px - 13px);
	width: 490px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}
header > .address {
	display: none;
}

header > .link {
	position: absolute;
	display: block;
	width: 62px;
	height: 62px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	top: 53px;
	z-index: 9;
}

header > .link > i {
	display: none;
}

header > .link::before {
	--size: 135px;
	content: '';
	position: absolute;
	width: var(--size);
	height: var(--size);
	top: calc(( 62px - var(--size) - 4px) / 2);
	border-radius: 50%;
	border: solid 1px white;
	left: calc(( 62px - var(--size) - 2px) / 2);

}
header > .profile {
	background-image: url(/imgs/icon-profile.jpg);
	left: 580px;
}

header > .products{
	background-image: url(/imgs/icon-products.jpg);
	left: 720px;
}
header > .contact{
	background-image: url(/imgs/icon-contact.jpg);
	left: 865px;
}


header a {
	color: white;
	text-decoration: none;
}
/* @end */