@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
* {  box-sizing: border-box;}
body {margin: 0;font-family:'Roboto',sans-serif;background-image: url('main_background.jpg');background-size: 100% 100%;background-repeat: strech;background-position: right top;background-attachment: fixed;}
.content {position: absolute;top: 10%;background-color: #FFFFFF;background: rgba(0, 0, 0, 0.2);width: 100%;padding:  0px 0x 0px 0px;}
.flow1 {justify-content: center;align-items: center;text-align:center;}
.flow2 {justify-content: center;align-items: center;text-align:center;}
.flow3 {justify-content: center;align-items: center;text-align:center;color: #ffefefe;}
.logo_fixed {position: fixed;left: 20px;top: 4px;text-decoration:none;z-index:1000;}
.logo_fixed_h1 {position: fixed;right: 20px;top: 2px;text-decoration:none; z-index:1000;font-family:'Roboto',sans-serif;padding: 0px 0px 0px 0px;margin: -28px 0px 0px 0px;color:darkblue; text-shadow:0px 1px 6px #528ecc;}
.fixed_splash { position: absolute;  top: 295px;  right: 300px;  float: right;}
.fixed_closer { position: relative;  top: 13px;  right: 13px;  float: right;}
.fixed_closer2 { position: relative;  top: 13px;  right: 13px;  float: right;}
.fixed_logo_form { position: relative;  top: 250x;  right: 3px;  float: right;}
.sticky {position: fixed;top: 0; width: 100%;}
.sticky + .content {padding-top: 0px;} 
.image_logo {background-image: url('parcs_support_lb.png');height: 100%; background-size: cover;background-position: center;background-repeat: no-repeat;padding: 30px 30px 30px 30px;margin: 100px 0px 100px 100px;font-family:'Roboto',sans-serif;}
.head_container {overflow: hidden;position: fixed;top: 0;z-index: 500;width: 100%;padding:5px 5px;color: #f1f1f1;text-align: center;text-shadow: 1px 1px grey;box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(0, 0, 0, 0.19);background-image: url('BG_N1.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background: rgba(0, 0, 0, 0.2);}
.foot_container {overflow: hidden;position: fixed;bottom: 0;z-index: 500;width: 100%;padding:5px 5px;color: #f1f1f1;text-align: center;text-shadow: 1px 1px grey;box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(0, 0, 0, 0.19);background-image: url('BG_N1.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;background: rgba(0, 0, 0, 0.2);}
.top_tools {display: inline-block;font-family:'Roboto',sans-serif;color:black; }
.HeaderButton {box-shadow:inset 0px 1px 0px 0px #525354;	background:linear-gradient(to top, darkgrey 20%, lightgrey 70% );	background-color:#525354;	border-radius:2px;	border:1px solid #525354;	display:inline-block;	cursor:pointer;	color:#525354;	font-family:'Roboto',sans-serif;	font-size:18px;	font-weight:bold;	text-decoration:none;	text-shadow:0px 0px 1px #525354;	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);	width:150px;}
.HeaderButton:hover {	background:linear-gradient(to bottom, silver 5%, darkgrey 60%);	background-color:#525354;color:#FFFFFF;}
.HeaderButton:active {	position:relative;	top:1px;}
.ContactButton {	box-shadow:inset 0px 1px 0px 0px #525354;	background:linear-gradient(to top, darkgrey 20%, lightgrey 70% );	background-color:#525354;	border-radius:6px;	border:1px solid #525354;	display:inline-block;	cursor:pointer;	color:#525354;	font-family:'Roboto',sans-serif;	font-size:30px;	font-weight:bold;	padding:12px 31px;	text-decoration:none;	text-shadow:0px 1px 1px #525354;	box-shadow: 1px 1px 0px 3 rgba(0,0,0,0.2);}
.ContactButton:hover {	background:linear-gradient(to bottom, lightgrey 5%, darkgrey 100%);	background-color:#525354;			color:#FFFFFF;}
.ContactButton:active {	position:relative;	top:1px;}
.SendButton {	box-shadow:inset 0px 1px 0px 0px #525354;	background:linear-gradient(to top, darkgrey 20%, lightgrey 70% );	background-color:#525354;	border-radius:6px;	border:1px solid #525354;	display:inline-block;	cursor:pointer;	color:#525354;font-family:'Roboto',sans-serif;	font-size:23px;	font-weight:bold;	padding:12px 31px;	text-decoration:none;	text-shadow:0px 1px 1px #525354;	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);}
.SendButton:hover {	background:linear-gradient(to bottom, lightgrey 5%, darkgrey 100%);	background-color:#525354;		color:#FFFFFF;}
.SendButton:active {	position:relative;	top:1px;}
.container {  display:block; }
.group{ position:relative;  margin-bottom:45px; }
input{ border-radius: 5px;  font-size:18px;  padding:10px 10px 10px 5px;  display:block;  width:95%;  border:none;  border-bottom:1px solid #757575;}
input:focus     { outline:none; }
label{  color:#999;   font-size:18px;  font-weight:normal;  position:absolute;  pointer-events:none;  left:5px;  top:10px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;}
input:focus ~ label, input:valid ~ label    {  top:-20px;  font-size:14px;  color:#5F9EA0;}
textarea{ border-radius: 5px;  font-size:18px;  padding:10px 10px 10px 5px;  display:block;  width:95%; height:180px;  border:none;  border-bottom:1px solid #757575;}
textarea:focus     { outline:none; }
textarea:focus ~ label, textarea:valid ~ label    {  top:-20px;  font-size:14px;  color:#5F9EA0;}

select{ border-radius: 5px;  font-size:18px;  padding:10px 10px 10px 5px;  display:block;  width:95%;  border:none;  border-bottom:1px solid #757575;}
select:focus     { outline:none; }
select:focus ~ label, select:valid ~ label    {  top:-20px;  font-size:14px;  color:#5F9EA0;}


.bar  { position:relative; display:block; width:97%; }
.bar:before, .bar:after   {  content:'';  height:2px;   width:0;  bottom:1px;   position:absolute;  background:#5F9EA0;   transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;}
.bar:before {  left:50%;}
.bar:after {  right:50%; }
input:focus ~ .bar:before, input:focus ~ .bar:after { width:50%;}
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after { width:50%;}
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after { width:50%;}

.highlight {  position:absolute;  height:60%;   width:95%;   top:25%;   left:0;  pointer-events:none;  opacity:0.5;}
input:focus ~ .highlight {  -webkit-animation:inputHighlighter 0.3s ease;  -moz-animation:inputHighlighter 0.3s ease;  animation:inputHighlighter 0.3s ease;}
textarea:focus ~ .highlight {  -webkit-animation:inputHighlighter 0.3s ease;  -moz-animation:inputHighlighter 0.3s ease;  animation:inputHighlighter 0.3s ease;}

select:focus ~ .highlight {  -webkit-animation:inputHighlighter 0.3s ease;  -moz-animation:inputHighlighter 0.3s ease;  animation:inputHighlighter 0.3s ease;}

@-webkit-keyframes inputHighlighter {  from { background:#5F9EA0; }  to  { width:0; background:transparent; }}
@-moz-keyframes inputHighlighter {  from { background:#5F9EA0; }  to  { width:0; background:transparent; }}
@keyframes inputHighlighter {  from { background:#5F9EA0; }  to  { width:0; background:transparent; }}
.frame_1_full {border: 1px solid #CCCCCC;border-radius: 10px;background-color: white;padding: 20px 10px 20px 50px;font-family:'Roboto',sans-serif;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.19);margin: auto;width: 50%; background: #5F9EA0;  background: -webkit-linear-gradient(135deg,  #cedce7 20%,#5F9EA0 80%);  background: -o-linear-gradient(135deg,  #cedce7 20%,#5F9EA0 80%);  background: linear-gradient(135deg,  #cedce7 20%,#5F9EA0 80%);}


 .addlines { 
 
    display: none;
 
 }






@media only screen and (max-width: 1000px) {
body {background-color: lightblue;}
.content ,.frame_1_full{width: 100%;}
span.frame_300,span.frame_700,span.frame_1000{height: clear;}.top_tools,.head_container,.header_top,.HeaderButton{width: 100%;}
.logo_fixed {display: none; }  
 .addlines {display: inline;}
 
 .head_container {background: rgba(0, 0, 0, 0.5);}
 
.foot_container { background: rgba(0, 0, 0, 0.5); }
 
 flow3 {color:#fefefe;}
}
.just_center {text-align:center;font-size:1.2em;font-weight:bold;}
.just_right {font-size:2.2em;font-weight:bold;justify-content: top;align-items: right;text-align:right;}
.question {font-family:'Roboto',sans-serif; color:darkgrey;}


.agree_inside {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: left;

}

.agree_inside {}