*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

html {
	font-size: 62.5%;
}
@media only screen and (max-width: 75em) {
	html {
		font-size: 56.25%;
	}
}
@media only screen and (max-width: 56.25em) {
	html {
		font-size: 50%;
	}
}
@media only screen and (min-width: 112.5em) {
	html {
		font-size: 75%;
	}
}

body {
	box-sizing: border-box;
	padding: 0;
	background: #eeeeee;
	background: -moz-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 100%);
	background: -webkit-linear-gradient(-45deg, #eeeeee 0%, #eeeeee 100%);
	background: linear-gradient(135deg, #eeeeee 0%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 );
}

p {
	font-size: 1.4rem;
	margin-bottom:10px;
}
@media only screen and (max-width: 56.25em) {
	body {
		padding: 0;
		font-size: 1.6rem;
	}
}

.container {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-height: 100%;
}
@media only screen and (max-width: 56.25em) {
	.container {
		margin: 0 auto;
		width: 100%;
	}
}
@media only screen and (max-width: 37.5em) {
	.container {
		width: 100%;
	}
}
img {
	margin: 0 auto;
	max-width: 100%;
	display: block;
}

.text-center {
	text-align: center;
}
.main-logo {
	max-width: 90%;
}
.main-logo-sml {
	width: 100%;
	max-width: 32rem;
}
.intro {
	text-transform: uppercase;
	font-weight: 700;
}
.line {
	margin: 2rem 0 0 0;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
.flag {
	filter: drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.3));
	transition: all 0.4s;
}
.flag:hover {
	filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.3));
	transform: translateY(0.5rem);
}
.content {
	max-width: 960px;
	margin: 0 auto;
}
.panel {
	background: #fff;
	padding: 1.6rem;
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
}
.panel {
	margin-top: 2rem;
}
.footer {
	border-radius: 10px 10px 10px 10px;
	/* bottom: 0; */
	color: #ffffff;
	left: 0;
	line-height: 15px;
	padding: 5px 20px;
	position: absolute;
	text-align: center;
	width: 100%;
}
header {
	padding: 2rem 0;
}
.margin-bottom-2 {
	margin-bottom: 2rem;
}
.margin-1 {
	margin: 1rem 0;
}
.no-top-margin {
	margin-top: 0;
}
.navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
	text-align: center;
}
.navigation li {
	display: inline-block;
}

.navigation li a {
	display: block;
	color: white;
	font-size: 1.4rem;
	text-align: center;
	padding: 1.4rem 1.6rem;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	background-color: #333;
	transition: all 0.5s;
}
.navigation li a:hover {
	background-color: #eb4b6a;
	color: #333;
}
.langSelector
{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	font-size:14px;
	padding:5px;
	background-color:rgba(235, 75, 106,.5);
}
@media only screen and (max-width: 56.25em) {
	.navigation li a  {
		padding: .5rem .5rem;
	}
	.navigation {
		padding:1rem 0;
	}
}
@media only screen and (max-width: 600px)
{
	.langSelector
	{
		font-size:12px;
		padding:4px;
	}
}
@media only screen and (max-width: 330px)
{
	.langSelector
	{
		font-size:10px;
		padding:2px;
	}
}

.question {
	background-color: #333;
	color: #fff;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	margin-top: 1rem;
	border-radius: .5rem;
	font-size: 1.4rem;
}

.active {
	background-color: #eb4b6a;
	color: #333;
}
@media only screen and (min-width: 56.25em) {

	.question:hover {
		background-color: #eb4b6a;
		color: #333;
	}

}
.answer {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.answer p {
	padding: 1rem;
}

@media only screen and (max-width: 56.25em) {
	.panel > p {
		padding: 1rem;
	}
}

.form input {
	display: inline-block;
}
.inputField {
	padding: 1rem;
	/* border: 0; */
}
.button {
	background: #eb4b6a;
	color: #fff;
	border: 0;
	font-size:1.5rem;
	padding: 1rem;
	border: 2px solid #eb4b6a;
	border-radius:5px;
}
.bold
{
	font-weight:bold;
}
.leftAlign
{
	text-align:left;
}
#form
{
	text-align: left;
	display:block;
	max-width:600px;
	margin:0 auto;
}
input, textarea
{
	width:100%;
	margin:2px;
	padding:2px;
	border-radius:2px;
	border:solid 1px #ccc;
}
table
{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
table, th, td
{
    border: 1px solid #969696;
    padding: 5px 5px;
}
th
{
    background: #292929;
    color: #fff;
}