@font-face {
	font-family: 'StemWebLight';
	src: url('/fonts/STM45__WS.eot');
	src:
			url('/fonts/STM45__WS.eot?#iefix') format('embedded-opentype'),
			url('/fonts/STM45__WS.woff') format('woff'),
			url('/fonts/STM45__WS.ttf') format('truetype')
}

* {
	position: relative;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-underline: none;
	outline: none;
	box-sizing: border-box;
}

.L20 {
	margin-left: 20pt;
}

.R20 {
	margin-right: 20pt;
}

.B20 {
	margin-bottom: 20pt;
}

.T20 {
	margin-top: 20pt;
}

a, button {
	cursor: pointer;
}

body {
	background: #c5c5c5;
	min-width: 1100px;
}

.global {
	background: white;
	margin: auto;
	max-width: 1080pt;
	font-family: "StemWebLight", sans-serif
}

.header {
	height: 495pt;
	background: url("/im/top.png") #354e90 center;
	background-size: cover;
	background-blend-mode: overlay;
	color: white;
}

.header .line_menu {
	display: flex;
	align-items: center;
	align-content: center;
	margin: auto;
	width: 78%;
	font-weight: bold;
	padding: 20pt;
}

.header ._left {
	font-size: 22pt;
}

.header ._center {
	text-align: center;
	flex: 1;
}

.header ._center a {
	color: white;
	font-size: 13pt;
	display: inline-block;
	padding: 6px 16px;
	border-bottom: 2px solid transparent;
	transition-duration: 200ms;
}

.header ._center a:hover {
	border-color: white;
}


.header ._right {

}

.header ._right a {
	font-size: 12pt;
	display: inline-block;
	padding: 9pt 12pt;
	background: transparent;
	color: white;
	border: 3px solid rgba(255, 255, 255, 0.49);
	border-radius: 18pt;
	transition-duration: 200ms;
	user-select: none;
}

.header ._right a:hover {
	background: #305b90;
	border-color: rgba(255, 255, 255, 0.64);
}

.header h1 {
	font-size: 34pt;
	display: block;
	margin-top: 80pt;
	text-align: center;
}

.header .sub_h1 {
	margin-top: 12pt;
	font-size: 20pt;
	text-align: center;
}

.header .sub_button {
	display: inline-block;
	font-size: 14pt;
	margin-top: 16pt;
	padding: 13pt 26pt;
	background: #e56625;
	color: white;
	border-radius: 28pt;
	font-weight: bold;
	transition-duration: 200ms;
	user-select: none;
}

.header .sub_button:hover {
	background: #d08530;
}

.content {
	font-size: 16pt;
}

.content .block {
	padding: 40pt 90pt 0 90pt;
}

.content h2 {
	font-size: 30pt;
	padding-bottom: 14pt;
}

.content .product_line {
	display: flex;
	width: 100%;
	margin-bottom: 20pt;
}

.content .product {
	display: flex;
	align-items: center;
	align-content: center;
	flex-direction: row;
	background: #F2F5FA;
	padding: 20pt;
}

.content .product .icon {
	width: 120pt;
	height: 120pt;
	background-size: cover;
	background-position: center;
}

.content .product p {
	flex: 1;
	padding: 10pt;
}

.content .gray {
	background: #F2F5FA;
	margin-top: 40pt;
	padding-bottom: 40pt;
}

.footer {
	display: flex;
	padding: 40pt 90pt;
	background: #F2F5FA;
	margin-top: 40pt;
}

.footer>div {
	flex: 1;
}

.footer b {
	font-size: 16pt;
	display: block;
	margin-bottom: 5pt;
	font-weight: bolder;
}

.footer a {
	display: block;
	color: #1a517d;
	font-weight: bold;
	border-bottom: 1px solid transparent;
	transition-duration: 200ms;
}

.footer a:hover {
	color: #0b76d2;
}

.footer>div.last {
	display: flex;
	justify-content: space-between;
	align-content: end;
	align-items: end;
	flex-direction: column;
}

.footer>div.last>b {
	font-size: 12pt;
	flex: 1;
}

 #background_window {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.71);
}

.window {
	display: flex;
	flex-direction: column;
	font-family: "StemWebLight", sans-serif;
	position: fixed;
	width: 700pt;
	height: 400pt;
	top: 100pt;
	left: 0;
	background: rgb(255, 255, 255);
	border-radius: 9pt;
	box-shadow: 0 0 10px #000000;
	overflow: hidden;
	border: 1px solid #345769;
	user-select: none;
}

.window .title {
	display: flex;
	align-items: center;
	background: #303d60;
	color: white;
	font-size: 16pt;
}

.window .title span {
	flex: 1;
	text-align: center;
}

.window .title button {
	background: #9e4644;
	color: white;
	padding: 12pt;
	border: none;
	transition-duration: 200ms;
}

.window .title button:hover {
	background: #c64e4f;
}

.window .content {
	flex: 1;
	padding: 20pt;
	overflow: auto;
	max-height: 90%;
}

.window .content input, .window .content textarea {
	font-family: "StemWebLight", sans-serif;
	width: 100%;
	padding: 6pt;
	font-size: 12pt;
	border-radius: 9pt;
	background: #F2F5FA;
	border: 1px solid #d0d3d8;
	transition-duration: 200ms;
}

.window .content input:focus, .window .content textarea:focus {
	background: #ffffff;
	border-color: #3167a6;
}

.window .content .send_button {
	display: inline-block;
	font-size: 14pt;
	margin-top: 16pt;
	padding: 13pt 26pt;
	background: #e56625;
	color: white;
	border: none;
	border-radius: 28pt;
	font-weight: bold;
	transition-duration: 200ms;
}

.window .content .send_button:hover {
	background: #d03e0f;
}