/* CSS */

/* pt-sans-narrow-regular - latin_latin-ext */
@font-face {
	font-display: swap;
	font-family: 'PT Sans Narrow';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/pt-sans-narrow-v17-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/pt-sans-narrow-v17-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/pt-sans-narrow-v17-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/pt-sans-narrow-v17-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/pt-sans-narrow-v17-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/pt-sans-narrow-v17-latin_latin-ext-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
  }
  
  /* pt-sans-narrow-700 - latin_latin-ext */
  @font-face {
	font-display: swap;
	font-family: 'PT Sans Narrow';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/pt-sans-narrow-v17-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/pt-sans-narrow-v17-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/pt-sans-narrow-v17-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/pt-sans-narrow-v17-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/pt-sans-narrow-v17-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/pt-sans-narrow-v17-latin_latin-ext-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
  }  


:focus {
	outline: 0;
}

body {
	background:#003f8a;
	/*background: #003f8a url("/images/bg-stars4.png") repeat left top;*/
	background-attachment: fixed;
	padding:0;
	margin:0;
	color:#191919;
	font-size: 18pt;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:regular;
}

a {
    color: #e20079;
	text-decoration:none;

}
a:hover {
	text-decoration:none;
}

strong,
b {
    color: #641858;
}


.site {
	border-left: none;
	border-right: none;
	margin: 0 auto;
	max-width: 960px;
	min-width: 320px;
	width: 100%;

	-moz-box-shadow:    0px 0px 4px 2px rgba(60, 60, 60, 0.6);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(60, 60, 60, 0.6);
	box-shadow:         0px 0px 4px 2px rgba(60, 60, 60, 0.6);

	background-color:#fff;
}

#site-languages {
	/*margin-left:20px;*/
	margin-top:0px;
	float:left;
	text-align: right;
	position: relative;
	padding: 0px;
	min-height: 20px;
	width: auto;
}

#btn_language {
	font-size: 10pt;
	color:#fff;
	/*background-color:#00b1df;*/
	background-color:#8a8a8a;
	padding: 3px 14px 6px 14px;
	margin: 23px 0 0 0;

	transition: background-color 0.15s linear;
	-moz-transition: background-color 0.15s linear;
	-o-transition: background-color 0.15s linear;
	-webkit-transition: background-color 0.15s linear;

}
#btn_language:hover,
#btn_language:focus {
    background-color: #e2007a !important;
	transition: background-color 0.15s linear;
	-moz-transition: background-color 0.15s linear;
	-o-transition: background-color 0.15s linear;
	-webkit-transition: background-color 0.15s linear;
}

#header {
    background-color: #d3d4d5;
    color: #fff;
    display: inline-block;
    margin: 0;
	padding: 0;
    min-height: 374px;
	height:auto;
	width:100%;
}

#header-image {
    overflow: hidden;
	position:absolute:
    width: 100%;
	margin: 0 0 -5px 0;
	padding:0;
	height:auto;
	max-height: 558px;
}
#header-image img {
	min-width: 400px;
	min-height:320px;
}

#header-logos {
	position:relative;
	display:inline-block;
	float:right;
	margin: -55% 6% 0 0;
}
#header-logos img {
	width:220px;
	height:101px;
}

#header-title {
	position: relative;
	display:inline-block;
	float:right;
	margin: -45.5% 6% 0 0;
	text-align:right;
}

#header-language {
	position: relative;
	display:inline-block;
	float:right;
	color:#fff;
	background-color:#b6b6b6;
	margin: -48px 0 0 0;
	padding: 2px 15px 6px 15px;
	font-family: "PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
	font-weight:600;
	font-size:23pt;
}


#header-title h1 {
	margin-bottom:0px;
	color:#e2007a;
	font-size:58pt;
}
#header-title h2 {
	color:#9c9e9f;
	font-weight:500;
	margin-top:-10px;
	font-size: 34pt;
	margin-bottom:0px;
	cursor:pointer;
}


#header-content {
	position: absolute;
	display:inline-block;
	top:250px;
	margin: 0 0 0 75px;

}

#header-content h1 {
	margin-bottom:0px;
	color:#e2007a;
}
#header-content h2 {
	margin-top:0px;
	font-size: 30pt;
	margin-bottom:0px;
}

#header-menu {
	position: relative;
	display:inline-block;
	margin: -100% 0 0 60px;
	bottom:50px;
	overflow:hidden;

}
#header-menu a,
#header-menu div {
	clear: both;
	float: left;
	display: inline-block;
}

.btn-basic {
	font-size: 14pt;
	color:#000;
	/*background-color:#8a8a8a;*/
	padding: 3px 15px 6px 10px;
	margin: 2px 0 1px 0;
	cursor: pointer; cursor: hand; 
	font-weight:600;
	width: auto;
	max-width: 290px;

	-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
	border-radius: 20px;

	transition: background-color 0.10s linear;
	-moz-transition: background-color 0.10s linear;
	-o-transition: background-color 0.10s linear;
	-webkit-transition: background-color 0.10s linear;

}
.btn-basic:before {
	content: ' ';
	background: transparent url("../images/link-arrow.png") no-repeat left top;
	background-size: 14px 18px;
	background-position: 0px 2px;
	margin: 0px 0px 0 0;
	width: 21px;
	height: 18px;
	display:inline-block;
	position: relative;
}

.btn-basic:hover,
.btn-basic:focus {
    background-color: #eee !important;
	color: #000;
	transition: background-color 0.10s linear;
	-moz-transition: background-color 0.10s linear;
	-o-transition: background-color 0.10s linear;
	-webkit-transition: background-color 0.10s linear;
}
.btn-basic:hover:before,
.btn-basic:focus:before {

}

.form .btn-basic {
	max-width: 400px;
}



#some-header {
	position:relative;
	display:inline-block;
}

.footer-some {
	clear:both;
	text-align: center;
	margin: 20px auto 5px auto;
}

.some-tweet {
	float:left;
	display:inline;
	margin: 8px 15px 0 0;
}

.some-fb {
	float:right;
	display:inline;
	margin: 0px 0px 0 0;
}

h1 {
	font-size: 56pt;
	font-family: "PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
	letter-spacing: -1pt;
	font-weight:600;
}

h2 {
	font-size: 36pt;
	font-family: "PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
	letter-spacing: -1pt;	
	font-weight:600;
	letter-spacing:-0.5px;
}

h3 {
	font-size: 24pt;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:500;
}

h4 {
	font-size: 20pt;
	font-family: "PT Sans Narrow","Arial Narrow",Helvetica,Arial,sans-serif;
	letter-spacing: -1pt;	
	font-weight:400;
}

p {
	padding: 0px 15px 0px 0px;
}

.content h1 {
	font-size:38pt;
	line-height:46pt;
}

.content h2 {
	color: #641858;
}
.content h3 {
	color: #641858;
}

.content-intro {
	padding-bottom: 30px;
}

.content-intro h2 {
	color: #fff;
	font-size: 34pt;
	line-height:35pt;
	margin: 0 0 0 0;
	padding: 6px 0 17px 40px;
	margin-bottom:40px;
}

.intro-bar h2 {
	background-color: #e2007a;
	border-left: 70px solid #bcbdbf
}

.content-overview {
	background-color: #fff;
	border-radius: 20px;
	border: 2px solid #eee;
	padding: 0px 0px 10px 25px;
}

.content-main {
	color:#191919;
	max-width: 100%;
	min-height: 500px;
	background-image: url("../images/intro-gradient.png");
	background-size: 100% 457px;
	background-repeat: repeat-x;

}

#btn_start:hover,
#btn_start:focus {
    background-color: #00b1ef !important;
	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
}

#btn_start {
	background: #e20079;
	width:104px;
	height:104px;
	font-size: 12pt;
	line-height:90px;
	margin: 0 20px 40px 70px;

	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
	border-radius: 50%;
	text-align:center;
	vertical-align:middle;

	display:inline-block;
	float:left;


	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
}

#btn_start a {
	color: #fff;
	margin:0px;
	font-size:12pt;
	line-height:12pt;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}

#btn_start .middle {
	vertical-align:middle;
}

.intro-text {
	float:auto;
	max-width: 100%;
	font-weight:600;
	font-size: 18pt;
	line-height:23pt;
	color:#000;
	padding-right:30px;
	padding-left:164px;
}

.tmp {
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#dbdcdd, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dbdcdd, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dbdcdd, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dbdcdd, #fff); /* Standard syntax */

}


.content {
	max-width: 100%;
	padding: 40px 40px 40px 70px;
	font-size: 16.5pt;
}

p {
	letter-spacing:-0.2px;
}

.footer {
    background-color: #fff;
    color: #b1b3b4;
    display: inline-block;
    margin: 0 auto;
    min-height: 90px;
    overflow: visible;
    width: 100%;
	margin: 10px 0 10px 0;
	padding:0;

	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;

}

.footer-info {
	text-align: center;
	padding: 15px 20px 10px 70px;
}

.footer-info h3 {
	font-size:30pt;
	font-family: "PT Sans Narrow",Arial,Helvetica,sans-serif;
	margin: 0 10px 10px 0;
	padding: 0 10px 0 0;
}

.footer-info.default h3 a {
    color: #b1b3b4;
	font-weight: 600;
	text-decoration: none;
}

.footer-info.default h3 a:hover,
.footer-info.default h3 a:active {
	text-decoration: none;
}

.light {
	font-weight: 500 !important;
}

.footer-logos {
	text-align:center;
	padding: 0 0 20px 0;
	margin: 25px 0 0 -15px;
}

.display-none {
	display: none;
	visibility:hidden;
	opacity:0;
}

.display-zero {
	display: visible;
	visibility:visible;
	opacity:0;
}

.display-visible {
	display: visible;
	visibility:visible;
	opacity:1;
	transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;
}

.note-box-middle {
	margin: 40px auto 40px auto;
	padding: 15px 20px 25px 30px;
	background-color: #fff;
	border:#eee solid 2px;
	color:#000;
    border-radius: 12px 12px 12px 12px;
	font-size:13pt;
	width:60%;
	text-align:center;
}

/*				FORM STYLING			*/

.content-form {
	padding: 0px 20px 30px 0px;
	font-size: 18pt;
}

.form-q {
	clear:both;
	min-height: 180px;
	padding: 0 0 0 0px;
	margin: 0 0 5px 0;
	/*border-left: 10px solid #ffffff;*/ /* #e589d3 */
	/*border-left: 10px solid #ffffff;*/
}

.hili-clear
{
	background-color: #e20079;
    /*border-left: 58px solid #e20079;*/
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;

}

.hili-answered
{
	background-color: #999999;
    /*border-left: 58px solid #e20079;*/
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.hili-select
{
	background-color: #e20079;
    /*border-left: 58px solid #e20079;*/
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}


.form-q-wrapper {
	padding:36px 0 20px 0px;
	margin:0 0 5px 0;
	min-height: 180px;

}

.form-q-number {
	float:left;
    /*background-color: #00b1ef;*/
	color: #000;
	width:124px;
	height:90px;
	font-weight:bold;
	font-size:38pt;
	text-align:center;
	font-family: Arial,Helvetica, sans-serif;
	padding-bottom:0px;
	margin: 0 20px 0px 0px;
	letter-spacing:-3px;
	text-align: right;	
}
.form-q-number > .number {
	margin: -5px 0 0 -7px;

	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.hili-tab
{
	float:left;
	display:block;
	width: 58px;
	height: 27px;
	margin: 5px 0 0 0;
}


.form-q-content {
	font-family: Arial,Helvetica, sans-serif;
	border-bottom: 2px solid #e5e5e5;
	padding: 0 15px 15px 0;

}

.form-q-txt {
	color: #e20079;
	font-weight:bold;
	min-height:94px;
	font-size: 20pt;
	line-height:25pt;
	margin: 0 10px 25px 0;
	padding-left: 124px;
	letter-spacing:-0.5px;

	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.q-answered {
	color: #7b7c7e;	

}

.form-q-txt p {
	margin:0;
	padding:0;
}

.form-q-txt .btn-basic {
	margin-left: 20px;
}

.form-choices {
	margin: 0 0 10px 0;
}


.form-field {
	margin-left:148px;
	font-size: 18pt;
	letter-spacing:-0.5px;
	margin-bottom: 15px;
	/*display: inline-block;*/
}
.field-label {
	min-width: 70px;
	float:left;
}

.form-field label {
	padding-left: 15px;
	max-width:99%;
}

.form-field label div {
	display:inline-block;
	float:auto;
	max-width:85%;
}

.field-response {
	/*display:none;*/
	margin: 40px 20px 20px 118px;
	padding: 14px 20px 19px 30px;
	background-color: #e20079;
	color:#fff;
    border-radius: 28px;
}

.dynamic-form-field {
}


.form-submit {
	margin: 50px 20px 20px 70px;
    border-radius: 20px;
}

.form-response {
	margin: 40px 20px 20px 70px;
	padding: 14px 20px 19px 30px;
	background-color: #e20079;
	color:#fff;
    border-radius: 30px;
}


input, textarea, input checkbox, input radio {
    border: 2px solid #606060 !important;
    font-size: 18pt;
    line-height: 1;
    margin: 0 10px 0 0;
    padding: 10px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:400;
	-webkit-appearance: none;
}

input[type=text], input[type=number] {
	min-width:70px;
	font-size: 18pt;
}

input[type=number] {
	min-width:70px;
	width:90px;
	font-size: 18pt;
}

textarea {
	max-width:90%;
	width:90%;
	-webkit-appearance: none;
}


select {
    border: 2px solid #606060 !important;
    font-size: 18pt;
	min-width:100px;
	line-height: 1;
	padding: 5px;

	-webkit-appearance: none;
}

input:focus, textarea:focus, select:focus {
	border: 2px solid #e2007a !important;
}

.btn-submit:hover,
.btn-submit:focus {
	border: 0px !important;
    background-color: #00b1ef !important;
	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
}

.btn-submit {
	-webkit-appearance: none;

    background-color: #e2007a !important;
	color:#fff;
    font-size: 18pt;
    height: 48px;
    line-height: 22pt;
	letter-spacing:-0.5px;

    min-width: 164px;
	width:auto;
    text-transform: lowercase;

    margin: 10px 0 0 0;
    padding: 0px 17px 5px 17px;

    border: 0px !important;
    border-radius: 28px;
    color: #fff;
    cursor: pointer;
    text-shadow: none;

	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
}


/* radio buttons */

input[type=checkbox]:not(old),
input[type=radio]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  cursor: pointer; cursor: hand; 

}

input[type=checkbox]:not(old) + label,
input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -80px;
  line-height  : 1.5em;
  cursor: pointer; cursor: hand; 
}

input[type=checkbox]:not(old) + label > span,
input[type=radio]:not(old) + label > span{
	display          : inline-block;
	width            : 36px;
	height           : 36px;
	margin           : 0.25em 1em 0.25em 0.25em;
	border           : 2px solid #969696;
	border-radius    : 50%;
	background       : #fff;
	/*background       : #969696;*/
	vertical-align   : top;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio]:not(old):checked + label > span{
  border           : 2px solid #e20079;
  background       : #e20079;
}

input[type=checkbox]:not(old):checked + label > span:before{
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	content     : '✓';
	display     : block;

	color       : #fff;
	font-size   : 22pt;

	text-align  : center;
	font-weight : regular;
}

input[type=checkbox]:not(old):checked + label > span {
  background       : #e20079;
}

input[type=radio]:not(old):checked +  label > span > span:before{
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	content     : '';
	display     : block;

	color       : #fff;
	font-size   : 22pt;

	text-align  : center;
	font-weight : regular;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 36px;
  height           : 36px;
  margin           : 0;
  border           : none;
  border-radius    : 50%;
  background       : #e20079;
}


/* popups */

.color-selected,
.btn-general:hover,
.btn-general:focus,
.btn-info:hover,
.btn-info:focus {
    background-color: #00b1ef !important;
	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
}

.btn-alert:hover,
.btn-alert:focus {
    background-color: #00b1ef !important;
	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
}


.btn-info {
	display:inline-block;
	float:auto;
	min-width:100px;
	max-width:260px;

	font-size: 15pt;
	line-height:20pt;
	text-align:center;
	text-decoration: none;

	padding: 6px 18px 9px 18px;
	margin: 16px 0 0 0;

	color:#fff;

	background: #e20079;
	cursor: pointer; cursor: hand; 

	-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
	border-radius: 20px;

	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
}

.btn-general {
	display:inline-block;
	float:auto;
	min-width:100px;
	max-width:360px;

	font-size: 15pt;
	text-align:center;
	text-decoration: none;

	padding: 8px 20px 10px 20px;
	margin: 16px 0 0 0;

	color:#fff;

	/*background: #00b1ef;*/
	background: #e20079;
	cursor: pointer; cursor: hand; 

	-webkit-border-radius: 20px;
   -moz-border-radius: 20px;
	border-radius: 20px;

	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;	
}




.btn-alert {
	display:inline-block;
	float:auto;
	min-width:100px;
	max-width:360px;

	font-size: 15pt;
	text-align:center;
	text-decoration: none;

	padding: 6px 20px 9px 20px;
	margin: 16px 0 0 0;

	color:#fff;

	/*background: #00b1ef;*/
	background: #e20079;
	cursor: pointer; cursor: hand; 

	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	border-radius: 20px;

	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;	
}


.popup {
	position:absolute;
	top:0px;
	z-index:10;
	margin: 0 auto;
	background: #fff;
	overflow:visible;
	right:6px;
	width:auto;
	height:auto;
	min-width:280px;

	padding: 0px 40px 50px 50px;
	/*border: 3px solid #606060 !important;*/

	-moz-box-shadow:    0px 0px 4px 2px rgba(60, 60, 60, 0.6);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(60, 60, 60, 0.6);
	box-shadow:         0px 0px 4px 2px rgba(60, 60, 60, 0.6);
}

#pop_info_1 {
	max-width: 350px;
}

#pop_info_2 {
	max-width: 350px;
}

.popup-title {
	position:relative;
	width:85%;
	height:auto;
	background: #fff;
	/*color: #fff;*/
	margin: 10px 20px 20px 0px;
	overflow:visible;
}

.popup-title h2 {
	margin-top:20px;
	color: #e20079;
	font-size:28pt;
	line-height:26pt;
}

.popup-content {
	position:relative;
	width:100%;
	height:auto;
	font-size:15pt;
	/*overflow:scroll;*/
}
.popup-content b {
	color:#444;
}

.popup-desc {
	color:#e20079;
	margin: -13px 0px 4px 0px;
}

.popup-content ul {
	list-style: none outside none;
	padding:0 0 0 25px;
	margin: 0 0 12px 0;
}

.popup-content li:before {
	content:'✓'; /*✓ */
	font-weight:bold;
	margin-left:-27px;
	margin-right:11px;
	color:#e20079;
}

.popup-content li {
	font-size:13.5pt;
	line-height:17.5pt;
	margin-left:0;
	padding-left:0;
	margin-bottom:3px;
	margin-top:1px;
}

.popup-close:hover,
.popup-close:focus {
    background-color: #e2007a !important;
	transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
}
.popup-close {
	position:relative;
	margin:20px 0px 0px 40px;
	width: 34px;
	height: 34px;
	content: 'X';
	display: block;
	float:right;
	z-index:15;
	padding-top: 2px;
	
	color: #fff;
	font-size   : 18pt;

	text-align: center;
	font-weight: regular;

	background: #969696;
	cursor: pointer; cursor: hand; 

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 50%;

}



/* media scaling */


@media (max-width: 1024px) {

	.popup {
		padding: 0px 30px 20px 30px;
	}

	.popup-content {
		font-size:15pt;
	}

	.popup-content li {
		font-size:13.5pt;
		line-height:17.5pt;
	}

}

/*
 *		800px
 */
@media (max-width: 800px) {
	.content h1 {
		font-size: 34pt;
		line-height:38pt;
	}

	#header-title {
		position: relative;
		display:inline-block;
		float:right;
		margin: -46% 6% 0 0;
		text-align:right;
	}

	#header-title h1 {
		font-size: 52pt;
	}

	#header-title h2 {
		font-size: 30pt;
	}

	h1 {
		font-size: 48pt;
	}

	h2 {
		font-size: 28pt;
	}

	h3 {
		font-size: 22pt;
	}


	body {
		font-size: 18pt;
	}

	#header-content {
		margin: 0 0 0 50px;
	}

	#header-menu {
		position: relative;
		display:inline-block;
		margin: -30% 0 0 40px;
		bottom:40px;
	}
	#header-logos {
		position:relative;
		display:inline-block;
		float:right;
		margin: -55% 6% 0 0;
	}
	#header-logos img {
		width:200px;
		height:auto;
	}

	#btn_start {
		margin: 0 20px 40px 50px;
	}

	.content-intro h2 {
		font-size: 32pt;
		line-height:33pt;
		padding: 5px 0 15px 40px;
		margin-bottom:40px;
	}
	.intro-bar h2 {
		background-color: #e2007a;
		border-left: 50px solid #bcbdbf
	}


	.content {
		font-size: 17pt;
		padding: 30px 20px 50px 50px;
	}

	.footer-info {
		padding: 15px 20px 10px 50px;

	}

/* form */
	.form-q-wrapper {
		padding:28px 0 20px 0;
	}

	.form-q-number {
		width:124px;
		height:90px;
		font-size:36pt;
		padding-bottom:0px;
		margin: 0 20px 0px 0px;
		letter-spacing:-5px;
		
	}
	.form-q-number > .number {
		margin: -5px 0 0 -7px;
	}

	.hili-tab
	{
		width: 58px;
		height: 27px;
		margin: 5px 0 0 0;
	}

	.form-q {
		padding: 0 0 0 0;
	}
	.form-q-txt {
		font-size: 18pt;
		padding-left: 128px;
		min-height:90px;
	}

	.form-field {
		margin-left:148px;
		font-size: 18pt;
	}

	input[type=text], textarea, select
	{
		font-size: 18pt;
	}

	input[type=number] {
		min-width:70px;
		width:90px;
		font-size: 18pt;
	}

	.form-submit {
		margin: 20px 20px 20px 50px;
	}

	.form-response {
		margin: 40px 20px 20px 50px;
	}

	.form-q-content {
		padding: 0 15px 10px 0;
	}

	.btn-submit {
		font-size: 19pt;
		min-width: 160px;
		width:auto;
		height:48px;
	}

	.popup-content {
		font-size:15pt;
	}

	.popup-content li {
		font-size:13.5pt;
		line-height:17pt;
	}

	input[type=checkbox]:not(old) + label > span,
	input[type=radio]:not(old) + label > span{
		display          : inline-block;
		width            : 36px;
		height           : 36px;
		margin           : 0.25em 1em 0.25em 0.25em;
		border           : 2px solid #969696;
		border-radius    : 50%;
		background       : #fff;
		/*background       : #969696;*/
		vertical-align   : top;
	}

	input[type=checkbox]:not(old):checked + label > span,
	input[type=radio]:not(old):checked + label > span{
	  border           : 2px solid #e20079;
	  background       : #e20079;
	}

	input[type=checkbox]:not(old):checked + label > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '✓';
		display     : block;

		color       : #fff;
		font-size   : 22pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=checkbox]:not(old):checked + label > span {
	  background       : #e20079;
	}

	input[type=radio]:not(old):checked +  label > span > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '';
		display     : block;

		color       : #fff;
		font-size   : 22pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=radio]:not(old):checked +  label > span > span{
	  display          : block;
	  width            : 36px;
	  height           : 36px;
	  margin           : 0;
	  border           : none;
	  border-radius    : 50%;
	  background       : #e20079;
	}


}



@media (max-width: 767px) {
	/*
	h1 {
		font-size: 36pt;
	}
	h2 {
		font-size: 24pt;
	}
	*/

	#header-title h1 {
		font-size: 49pt;
	}

	#header-title h2 {
		font-size: 28pt;
	}

	h3 {
		font-size: 20pt;
	}


	body {
		font-size: 16pt;
	}

	.popup {
		padding: 0px 30px 20px 25px;
	}

	.popup-content {
		font-size:14pt;
	}

	.popup-content li {
		font-size:13pt;
		line-height:16pt;
	}

	#header-logos {
		position:relative;
		display:inline-block;
		float:right;
		margin: -55% 6% 0 0;
	}
	#header-logos img {
		width:190px;
		height:auto;
	}

	#header-language {
		position: relative;
		display:inline-block;
		margin: -45px 0 0 0;
		padding: 3px 13px 7px 13px;
		font-size:20pt;
	}

	#header-content {
		margin: 0 0 0 40px;
		font-size: 25pt;
	}

	#header-menu {
		position: relative;
		display:inline-block;
		margin: -30% 0 0 30px;
		bottom:30px;
	}

	.btn-basic {
		font-size: 14pt;
		padding: 2px 15px 3px 11px;
		margin: 2px 0 1px 0;
	}

	.btn-basic:hover:before {
	}

	.content-intro h2 {
		font-size: 30pt;
		line-height:30pt;
		padding: 6px 0 16px 40px;
		margin-bottom:40px;
	}
	.intro-bar h2 {
		background-color: #e2007a;
		border-left: 40px solid #bcbdbf
	}
	.intro-text {
		font-size: 17pt;
		line-height:22pt;
	}

	.content {
		font-size: 16pt;
		padding: 30px 20px 50px 40px;
	}

	.footer-info {
		font-size: 16pt;
		padding: 14px 20px 10px 20px;

	}
	.footer-info h3 {
		font-size: 24pt;
	}

	.content-form {
		font-size: 18pt;
	}

/* form */
	.form-q-wrapper {
		padding:28px 0 20px 0;
	}

	.form-q-number {
		width:126px;
		height:90px;
		font-size:36pt;
		padding-bottom:0px;
		margin: 0 20px 0px 0px;
		letter-spacing:-3px;
		
	}
	.form-q-number > .number {
		margin: -5px 0 0 -7px;
	}

	.hili-tab
	{
		width: 58px;
		height: 26px;
		margin: 5px 0 0 0;
	}

	.form-q {
		padding: 0 0 0 0;
	}
	.form-q-txt {
		font-size: 18pt;
		line-height:22pt;
		padding-left: 114px;
		min-height:90px;
	}

	.form-field {
		margin-left:154px;
		margin-bottom: 10px;
		font-size: 16pt;
	}

	.form-submit {
		margin: 10px 20px 20px 40px;
	}

	.form-response {
		margin: 40px 20px 20px 40px;
	}

	.form-q-content {
		padding-right: 15px;
	}

	input[type=text], textarea, select
	{
		font-size: 16pt;
	}

	input[type=number] {
		min-width:70px;
		width:90px;
		font-size: 16pt;
	}

	.btn-submit {
		font-size: 18pt;

	}

	.btn-info {
		font-size: 13pt;
		line-height:18pt;
	}

	input[type=checkbox]:not(old) + label > span,
	input[type=radio]:not(old) + label > span{
		display          : inline-block;
		width            : 34px;
		height           : 34px;
		margin           : 0.25em 1em 0.25em 0.25em;
		border           : 2px solid #969696;
		border-radius    : 50%;
		background       : #fff;
		/*background       : #969696;*/
		vertical-align   : top;
	}

	input[type=checkbox]:not(old):checked + label > span,
	input[type=radio]:not(old):checked + label > span{
	  border           : 2px solid #e20079;
	  background       : #e20079;
	}

	input[type=checkbox]:not(old):checked + label > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '✓';
		display     : block;

		color       : #fff;
		font-size   : 20pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=checkbox]:not(old):checked + label > span {
	  background       : #e20079;
	}

	input[type=radio]:not(old):checked +  label > span > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '';
		display     : block;

		color       : #fff;
		font-size   : 20pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=radio]:not(old):checked +  label > span > span{
	  display          : block;
	  width            : 34px;
	  height           : 34px;
	  margin           : 0;
	  border           : none;
	  border-radius    : 50%;
	  background       : #e20079;
	}


}

/*
 *		640PX
 */
@media (max-width: 640px) {

	.content h1 {
		font-size: 30pt;
		line-height:34pt;
	}

	h1 {
		font-size: 36pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 18pt;
	}

	body {
		font-size: 14pt;
	}

	.popup {
		padding: 0px 25px 20px 25px;
	}

	.popup-content {
		font-size:14pt;
	}

	.popup-content li {
		font-size:13pt;
	}

	#header-content {
		margin: 0 0 0 40px;
	}

	#header-title {
		position: relative;
		display:inline-block;
		float:right;
		margin: -47% 6% 0 0;
		text-align:right;
	}

	#header-title h1 {
		font-size: 40pt;
	}

	#header-title h2 {
		font-size: 24pt;
	}

	#header-logos {
		position:relative;
		display:inline-block;
		float:right;
		margin: -55% 6% 0 0;
	}
	#header-logos img {
		width:160px;
		height:auto;
	}

	#header-logos img {
		width:150px;
		height:auto;
	}

	#header-language {
		position: relative;
		display:inline-block;
		margin: -42px 0 0 0;
		padding: 3px 13px 7px 13px;
		font-size:18pt;
	}

	#header-menu {
		position: relative;
		display:inline-block;
		margin: -20% 0 0 30px;
		bottom:20px;
	}

	.btn-basic {
		font-size: 12pt;
		padding: 2px 15px 3px 11px;
		margin: 2px 0 1px 0;
	}
	.btn-basic:before {
		background-size: 12px 16px;
		background-position: 0px 2px;
		margin: 0px 0px 0 0;
		width: 17px;
		height: 16px;
	}

	.btn-basic:hover:before,
	.btn-basic:focus:before {
	}

	#btn_start {
		background: #e20079;
		width:104px;
		height:104px;
		margin: 0 20px 20px 40px;
	}
	#btn_start a {
		color: #fff;
		margin:13px;
		font-size:12pt;
		line-height:12pt;
		font-weight:bold;
		display:inline-block;
	}
	.intro-text {
		line-height: 18pt;
		font-size: 14pt;
		padding-right:20px;
		padding-left:164px;
	}

	.content-intro h2 {
		font-size: 28pt;
		line-height:28pt;
		padding: 6px 0 16px 40px;
		margin-bottom:40px;
	}

	.content-overview {
		border-radius: 20px;
		padding: 0px 0px 10px 20px;
	}

	.content {
		font-size: 14pt;
		padding: 20px 20px 50px 40px;
	}

	.footer-info {
		font-size: 16pt;
		padding: 14px 20px 6px 20px;

	}
	.footer-info h3 {
		font-size: 26pt;
		margin: 0 10px 0 0;
	}

	.content-form {
		font-size: 16pt;
		padding-bottom:20px;
	}

/* form */
	.form-q-wrapper {
		padding:28px 0 20px 0;
	}

	.form-q-number {
		width:114px;
		height:70px;
		font-size:32pt;
		padding-bottom:0px;
		margin: 0 20px 0px 0px;
		letter-spacing:-2px;
		
	}
	.form-q-number > .number {
		margin: -5px 0 0 -7px;
	}

	.hili-tab
	{
		width: 48px;
		height: 22px;
		margin: 5px 0 0 0;
	}

	.form-q {
		padding: 0 0 0 0;
	}
	.form-q-txt {
		font-size: 14pt;
		line-height:19pt;
		letter-spacing:-0.5px;
		padding-left: 65px;
		min-height:54px;
	}

	.form-field {
		margin-left:150px;
		font-size: 14pt;
	}

	.form-submit {
		margin: 10px 20px 20px 30px;
	}

	.form-response {
		margin: 40px 20px 20px 30px;
	}

	.form-q-content {
		padding-right: 15px;
	}


	input[type=text], textarea, select
	{
		font-size: 14pt;
	}

	input[type=number] {
		min-width:70px;
		width:90px;
		font-size: 14pt;
	}

	.btn-submit {
		font-size: 16pt;
		min-width: 135px;
		height:42px;

	}

	.btn-general {
		font-size: 13pt;
	}

	input[type=checkbox]:not(old) + label > span,
	input[type=radio]:not(old) + label > span{
		display          : inline-block;
		width            : 30px;
		height           : 30px;
		margin           : 0.25em 1em 0.25em 0.25em;
		border           : 2px solid #969696;
		border-radius    : 50%;
		background       : #fff;
		/*background       : #969696;*/
		vertical-align   : top;
	}

	input[type=checkbox]:not(old):checked + label > span,
	input[type=radio]:not(old):checked + label > span{
	  border           : 2px solid #e20079;
	  background       : #e20079;
	}

	input[type=checkbox]:not(old):checked + label > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '✓';
		display     : block;

		color       : #fff;
		font-size   : 18pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=checkbox]:not(old):checked + label > span {
	  background       : #e20079;
	}

	input[type=radio]:not(old):checked +  label > span > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '';
		display     : block;

		color       : #fff;
		font-size   : 18pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=radio]:not(old):checked +  label > span > span{
	  display          : block;
	  width            : 30px;
	  height           : 30px;
	  margin           : 0;
	  border           : none;
	  border-radius    : 50%;
	  background       : #e20079;
	}

}

@media (max-width: 580px) {

	#header-content {
		margin: 0 0 0 40px;
	}

	#header-title {
		position: absolute;
		display:inline-block;
		float:right;
		top: 50px;
		right: 20px;
		margin: 0 0 0 0
	}

	#header-title h1 {
		font-size: 36pt;
	}

	#header-title h2 {
		font-size: 24pt;
	}

	#header-logos {
		position:absolute;
		display:inline-block;
		float:right;
		top: 12px;
		right: 20px;
		margin: 0 0 0 0;
	}

	#header-logos img {
		width:150px;
		height:auto;
	}

	#header-menu {
		position: relative;
		display:inline-block;
		margin: -20% 0 0 30px;
		bottom:0px;
	}

	.btn-basic {
		font-size: 12pt;
		padding: 2px 15px 3px 11px;
		margin: 2px 0 1px 0;
	}


	.btn-basic:hover:before,
	.btn-basic:focus:before {
	}
}

@media (max-width: 480px) {

	#header-logos {
		position:absolute;
		display:inline-block;
		float:right;
		top: 12px;
		right: 20px;
		margin: 0 0 0 0;
	}
	#header-logos img {
		width:130px;
		height:auto;
	}

	#header-language {
		position: relative;
		display:inline-block;
		margin: -42px 0 0 0;
		padding: 3px 13px 7px 13px;
		font-size:18pt;
	}

	#header-title {
		position: absolute;
		display:inline-block;
		float:right;
		top: 50px;
		right: 20px;
		margin: 0 0 0 0
	}

	#header-title h1 {
		font-size: 37pt;
	}

	#header-title h2 {
		font-size: 24pt;
	}

	.content-intro h2 {
		font-size: 27pt;
		line-height:27pt;
		padding: 6px 0 16px 30px;
		margin-bottom:40px;
	}

	#btn_start {
		background: #e20079;
		width:98px;
		height:98px;
		margin: 0 20px 20px 40px;
	}
	#btn_start a {
		color: #fff;
		font-size: 11pt;
		line-height: 12pt;
		margin-top: 12px;
		font-weight:bold;
		display:inline-block;
	}
	.intro-text {
		line-height: 15pt;
		font-size: 13pt;
		padding-right:20px;
		padding-left:156px;
	}

	.content-overview {
		border-radius: 20px;
		padding: 0px 0px 10px 18px;
	}

	.content {
		font-size: 13pt;
	}

	.popup {
		left:0px;
		max-width:95%;
		height:auto;
		padding: 0px 25px 20px 25px;
	}

* form */
	.content-form {
		padding: 0px 10px 10px 0px;
	}

	.form-q-wrapper {
		padding:20px 0 14px 0;
	}

	.form-q-number {
		width:86px;
		height:40px;
		font-size:22pt;
		padding-bottom:0px;
		margin: 0 0px 0px 0px;
		letter-spacing:-1px;		
	}
	.form-q-number > .number {
		margin: -2px 0 0 -12px;
	}

	.hili-tab
	{
		width: 38px;
		height: 16px;
		margin: 5px 0 0 0;
	}

	.form-q {
		padding: 0 0 0 0;
	}
	.form-q-txt {
		font-size: 13pt;
		line-height:18pt;
		letter-spacing:-0.5px;
		padding-left: 104px;
		min-height:54px;
	}

	.form-field {
		margin-left:84px;
		font-size: 12pt;
		line-height:13pt;
	}


	.form-q-content {
		padding-right: 10px;

	}

	.form-submit {
		margin: 10px 20px 20px 30px;
	}

	.form-response {
		font-size:14pt;
		margin: 40px 20px 20px 30px;
	}

	.form-q-content {
		padding-right: 15px;
	}

	.form-field label {
		padding-left: 15px;
		max-width:99%;
	}

	.form-field label div {
		display:inline-block;
		float:auto;
		max-width:80%;
	}

	.footer-info {
		font-size: 16pt;
		padding: 14px 10px 6px 10px;

	}
	.footer-info h3 {
		font-size: 20pt;
		margin: 0 5px 0 0;
	}

	#header-menu {
		position: relative;
		display:inline-block;
		margin: -20% 0 0 20px;
		bottom:0px;
	}

	.btn-basic {
		font-size: 11pt;
		padding: 2px 15px 3px 11px;
		margin: 2px 0 1px 0;
	}
	.btn-basic:before {
		background-size: 12px 16px;
		background-position: 0px 2px;
		margin: 0px 0px 0 0;
		width: 18px;
		height: 16px;
	}

	.btn-basic:hover:before,
	.btn-basic:focus:before {

	}

	.form-q-txt .btn-basic {
		margin-left: -11px;
		padding-left: 11px;
	}

}

@media (max-width: 399px) {

	#pop_info_1 {
		max-width: 95%;
	}

	#pop_info_2 {
		max-width: 95%;
	}

	#header-content {
		margin: 0 0 0 30px;
	}

	.intro-text {
		line-height: 15pt;
		font-size: 12pt;
		padding-right:10px;
		padding-left:148px;
	}

	.content-overview {
		border-radius: 18px;
		padding: 0px 0px 5px 15px;
	}

	body {
		font-size: 12pt;
	}


	#header-title {
		position: absolute;
		display:inline-block;
		float:right;
		top: 49px;
		right: 20px;
		margin: 0 0 0 0
	}

	#header-title h1 {
		font-size: 34pt;
	}

	#header-title h2 {
		font-size: 20pt;
	}

	#header-logos {
		position:absolute;
		display:inline-block;
		float:right;
		top: 12px;
		right: 20px;
		margin: 0 0 0 0;
	}
	#header-logos img {
		width:130px;
		height:auto;
	}

	#header-image img {
		height:320px;
		margin-left:-20px;
	}

	#header-language {
		position: relative;
		display:inline-block;
		margin: -38px 0 0 0;
		padding: 3px 11px 7px 11px;
		font-size:16pt;
	}

	.content-intro h2 {
		font-size: 24pt;
		line-height:24pt;
		padding: 4px 0 13px 30px;
		margin-bottom:22px;
	}
	.intro-bar h2 {
		background-color: #e2007a;
		border-left: 30px solid #bcbdbf
	}

	#btn_start {
		margin: 0 20px 20px 30px;
	}

/* form */
	.form-q-wrapper {
		padding:20px 0 14px 0;
	}

	.form-q-number {
		width:72px;
		height:40px;
		font-size:22pt;
		padding-bottom:0px;
		margin: 0 0 0 0;
		letter-spacing:-1px;
		
	}
	.form-q-number > .number {
		margin: -2px 0 0 -12px;
	}

	.hili-tab
	{
		width: 32px;
		height: 16px;
		margin: 5px 0 0 0;
	}

	.form-q {
		padding: 0 0 0 0;
	}
	.form-q-txt {
		font-size: 12pt;
		line-height:16pt;
		letter-spacing:-0.5px;
		padding-left: 84px;
		min-height:54px;
	}

	.form-field {
		margin-left:68px;
		font-size: 12pt;
		line-height:13pt;
	}

	.content {
		font-size: 12pt;
		padding: 20px 10px 30px 30px;
	}

	.form-q-content {
		padding-right: 8px;
	}


	#header-menu {
		position: relative;
		display:inline-block;
		margin: -23% 0 0 10px;
		bottom:0px;
	}

	.btn-basic {
		font-size: 11pt;
		padding: 2px 15px 3px 11px;
		margin: 2px 0 1px 0;
	}
	.btn-basic:before {
		background-size: 12px 16px;
		background-position: 0px 2px;
		margin: 0px 0px 0 0;
		width: 18px;
		height: 16px;
	}

	.btn-basic:hover:before,
	.btn-basic:focus:before {
	}

	.form-q-txt .btn-basic {
		margin-left: -14px;
	}

	input[type=checkbox]:not(old) + label > span,
	input[type=radio]:not(old) + label > span{
		display          : inline-block;
		width            : 26px;
		height           : 26px;
		margin           : 0.25em 1em 0.25em 0.25em;
		border           : 2px solid #969696;
		border-radius    : 50%;
		background       : #fff;
		/*background       : #969696;*/
		vertical-align   : top;
	}

	input[type=checkbox]:not(old):checked + label > span,
	input[type=radio]:not(old):checked + label > span{
	  border           : 2px solid #e20079;
	  background       : #e20079;
	}

	input[type=checkbox]:not(old):checked + label > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '✓';
		display     : block;

		color       : #fff;
		font-size   : 16pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=checkbox]:not(old):checked + label > span {
	  background       : #e20079;
	}

	input[type=radio]:not(old):checked +  label > span > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '';
		display     : block;

		color       : #fff;
		font-size   : 16pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=radio]:not(old):checked +  label > span > span{
	  display          : block;
	  width            : 26px;
	  height           : 26px;
	  margin           : 0;
	  border           : none;
	  border-radius    : 50%;
	  background       : #e20079;
	}

	.footer {
		min-height: 66px;
	}
	.footer-info {
		font-size: 16pt;
		padding: 14px 10px 6px 10px;

	}
	.footer-info h3 {
		font-size: 18pt;
		margin: 0 5px 0 0;
	}

}

@media (max-width: 359px) {

	#header-content {
		margin: 0 0 0 30px;
	}

	.intro-text {
		line-height: 15pt;
		font-size: 12pt;
	}

	.content-overview {
		border-radius: 18px;
		padding: 0px 10px 30px 15px;
	}

	body {
		font-size: 12pt;
	}


	#header-title {
		position: absolute;
		display:inline-block;
		float:right;
		top: 49px;
		right: 20px;
		margin: 0 0 0 0
	}

	#header-title h1 {
		font-size: 32pt;
	}

	#header-title h2 {
		font-size: 18pt;
	}

	#header-logos {
		position:absolute;
		display:inline-block;
		float:right;
		top: 12px;
		right: 20px;
		margin: 0 0 0 0;
	}
	#header-logos img {
		width:130px;
		height:auto;
	}

	#header-image img {
		height:320px;
		margin-left:-20px;
	}

	#header-language {
		position: relative;
		display:inline-block;
		margin: -38px 0 0 0;
		padding: 3px 11px 7px 11px;
		font-size:16pt;
	}

	.content-intro h2 {
		line-height:24pt;
		padding: 4px 0 13px 30px;
		margin-bottom:22px;
	}
	.intro-bar h2 {
		background-color: #e2007a;
		border-left: 30px solid #bcbdbf
	}

	#btn_start {
		margin: 0 20px 20px 30px;
	}

/* form */
	.form-q-wrapper {
		padding:20px 0 14px 0;
	}

	.form-q-number {
		width:68px;
		height:40px;
		font-size:22pt;
		padding-bottom:0px;
		margin: 0 0 0 0;
		letter-spacing:-1px;
		
	}
	.form-q-number > .number {
		margin: -2px 0 0 -12px;
	}

	.hili-tab
	{
		width: 26px;
		height: 14px;
		margin: 5px 0 0 0;
	}

	.form-q {
		padding: 0 0 0 0;
	}
	.form-q-txt {
		font-size: 12pt;
		line-height:16pt;
		letter-spacing:-0.5px;
		padding-left: 80px;
		min-height:54px;
	}

	.form-field {
		margin-left:48px;
		font-size: 12pt;
		line-height:13pt;
	}

	.content {
		font-size: 12pt;
		padding: 20px 10px 30px 30px;
	}

	.form-q-content {
		padding-right: 0px;
	}


	#header-menu {
		position: relative;
		display:inline-block;
		margin: -23% 0 0 10px;
		bottom:4px;
	}

	.btn-basic {
		font-size: 11pt;
		padding: 2px 15px 3px 11px;
		margin: 2px 0 1px 0;
	}
	.btn-basic:before {

	}

	.btn-basic:hover:before,
	.btn-basic:focus:before {

	}

	.footer-info h3 {
		font-size: 18pt;
		margin: 0 0 0 0;
	}

	input[type=checkbox]:not(old) + label > span,
	input[type=radio]:not(old) + label > span{
		display          : inline-block;
		width            : 24px;
		height           : 24px;
		margin           : 0.25em 1em 0.25em 0.25em;
		border           : 2px solid #969696;
		border-radius    : 50%;
		background       : #fff;
		/*background       : #969696;*/
		vertical-align   : top;
	}

	input[type=checkbox]:not(old):checked + label > span,
	input[type=radio]:not(old):checked + label > span{
	  border           : 2px solid #e20079;
	  background       : #e20079;
	}

	input[type=checkbox]:not(old):checked + label > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '✓';
		display     : block;

		color       : #fff;
		font-size   : 16pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=checkbox]:not(old):checked + label > span {
	  background       : #e20079;
	}

	input[type=radio]:not(old):checked +  label > span > span:before{
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
		content     : '';
		display     : block;

		color       : #fff;
		font-size   : 16pt;

		text-align  : center;
		font-weight : regular;
	}

	input[type=radio]:not(old):checked +  label > span > span{
	  display          : block;
	  width            : 24px;
	  height           : 24px;
	  margin           : 0;
	  border           : none;
	  border-radius    : 50%;
	  background       : #e20079;
	}

}