@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic);


/* --- HTML --- */

body {margin:0; padding:0; font:normal 14px/18px 'Open Sans', Arial, Helvetica, sans-serif; color:#222;}

input, textarea {font:normal 14px/18px 'Open Sans', Arial, Helvetica, sans-serif; outline:0; background:none; border:0;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box}
select {display:block; outline:none; width:100%; padding:8px 12px; margin:5px 0 10px 0; border:1px solid #baced6; border-radius:5px}

/* --- HTML --- */


/* --- DESIGN --- */
.row {display:block}
.cell {display:table-cell; vertical-align:top}

.edit {display:inline-block; color:#9eafb6; font-size:12px; text-transform:uppercase; text-decoration:none}
.edit:hover {color:#3e3e3e}

a {color:#3e3e3e; text-decoration:none}
a:hover, a:focus {color:#e96d14}

a.question {display:inline-block; width:20px; height:19px; padding-top:1px; border-radius:20px; margin-left:5px;
	color:#fff; text-align:center; font-size:16px; font-weight:700; font-style:normal; background:#baced6; cursor: pointer}
a.question:hover {background-color:#3e3e3e}

#notice {position:fixed; display:none; right:60px; top:80px; background:rgba(0,0,0,1); color:#fff; padding:10px 18px; border-radius:5px; z-index:99999999}

hr {visibility:hidden}
.hr {border-top:1px solid #baced6; height:1px}

.logo_link {display:block; width:420px}

#logo {position:relative; font-size:36px; font-weight:700; font-style:italic; color:#3e3e3e; margin: 50px 0 5px 140px}
#logo span {color:#3e3e3e}
#signet {position:absolute; top:-40px; left:-110px; width:100px; height:100px; background:url(../images/logo.svg) no-repeat}
#claim {font-size:16px; font-weight:400; font-style:italic; color:#919090; margin: 0 0 30px 150px}


#page {margin:20px 80px 80px 50px; width:80%}

footer {position:relative; width:100%; padding:15px 0 15px 0; margin:90px 0 0 0;
	background:#3e3e3e; z-index:1}
footer a {display:block; font-size:16px; line-height:30px; color:#ccc; margin-right:30px}
footer a:hover {color:#fff}

footer h5 {color:#aaa; font-size:14px}

footer .container {display:table; margin:70px auto 100px auto; width:70%}
footer .cell {width:25%}

footer .legal {text-align:right; /*padding:40px 0 0 0*/}
footer .legal a {color:#ccc; font-size:13px; line-height:24px}
footer .legal a:hover {color:#fff}

footer .legal div {margin-right:42px}

@media all and (max-width:800px) {

	footer .cell {
		display:block;
		width:100%;
		margin-bottom:30px;
	}

	footer h5 {
		margin:10px 0 10px -20px;
	}
}
/* --- DESIGN --- */


/* --- ELEMENTS --- */
.signin {position:fixed; top:40px; right:50px; color:#3e3e3e; text-align:right; line-height:22px}
.signin:hover {color:#e96d14}
/* --- ELEMENTS --- */


/* ---------------------------------------------------------------------- */
/* Polyglot Language Switcher 2
/* ----------------------------------------------------------------------
/* Global Styles
/* ---------------------------------------------------------------------- */
.polyglot-language-switcher {
}

.polyglot-language-switcher > .pls-selected-locale {
	margin-right:40px
}

.polyglot-language-switcher,
.polyglot-language-switcher * {
	margin: 0;
	padding: 0;
}

.polyglot-language-switcher {
	position: relative;
}

.polyglot-language-switcher ul {
	list-style: none;
}

.polyglot-language-switcher a {
	transition: all 0.2s ease-in-out;
}

.polyglot-language-switcher img {
	margin-right: 3px;
}

/* ---------------------------------------------------------------------- */
/* Selected Locale (the trigger for the dropdown)
/* ---------------------------------------------------------------------- */
.polyglot-language-switcher > .pls-selected-locale {
	text-decoration: none;
	/*color: #333;*/
	position: relative; /* for the arrow */
}

.polyglot-language-switcher > .pls-selected-locale:hover {
	color: #3a91bd;
}

.polyglot-language-switcher > .pls-selected-locale:after {
	content: " ";
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 100%;
	margin-left: 5px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #ccc;
}

/* ---------------------------------------------------------------------- */
/* Language Container
/* ---------------------------------------------------------------------- */
.pls-language-container-scrollable {
	position: absolute;
	top: -240px;
	left: auto;
	right: -45px;
	z-index: 10000;
	width: auto;
	overflow-x: auto;

}

.pls-language-container {
	margin-top: 10px;
	padding: 10px 0;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0,0,0,.08);
	background-color: #fff;
	text-align: left;
}

.pls-language-container td {
	padding: 0 10px;
	border-right: 1px solid #ccc;
	vertical-align: top;
}

.pls-language-container td:last-child {
	border-right: none;
}

.pls-language-container a {
	color: #3a91bd;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	white-space: nowrap;
}

.pls-language-container a:hover {
	background-color: #f5f5f5;
	color: #333!important;
}

.pls-language-container .pls-selected-locale {
	color: #333;
	font-weight: bold;
	cursor: default;
}

.invisible {
	display:none !important;
	visibility:hidden !important;
}