@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

*{box-sizing: border-box;}			
		
body#bodyForm{margin:0; font-family: 'Lato'; box-sizing: border-box;  background-image: url("../img/form_long.jpeg"); background-repeat: no-repeat;  background-position: left bottom; background-size: 100%;}
			
div#form .inner{width: 1000px; color:black; margin: auto; margin-top: 50px;}
div#form .inner h1{font-size: 2.3em}
div#form .inner >p{font-size: 1.5em; max-width: 1000px; text-align: center; margin: auto;}
div#form .inner>div{display: flex; margin-top:50px; justify-content: space-between; padding: 0 50px;}
			
div#form .inner>div>div:first-child{width: 45%;}
div#form .inner>div>div p{font-size: 1.4em; font-weight: 700; margin-top: 0;}
div#form .inner>div>div ul{margin-top: 50px;}
div#form .inner>div>div ul li{margin-bottom: 10px; font-size: 1.1em; display: block}
div#form .inner>div>div ul li span{background: white; padding: 2px; border-radius: 20px;}
div#form .inner>div>div a{color: black; background: white; padding: 2px; border-radius: 20px;}
div#form .inner>div>div a:hover{color: #DDDB00; transition:0.5s; }
			
div#formContainer{width: 45%;}
div#formContainer hr{display: none;}
div#formContainer label{display: none;}
div#formContainer input{width: 100%; background:#eee; color:black; box-sizing: border-box;padding: 1em; border: none; margin-bottom: 20px;  font-family: 'Lato'; font-size: 1em;position: relative;}
div#formContainer select{width: 100%; background:#eee; box-sizing: border-box;padding: 1em; border: none; margin-bottom: 20px;  font-family: 'Lato'; font-size: 1em;}
div#formContainer textarea{width: 100%; margin-bottom: 10px; border: none; height: 200px; display: none;}
div#formContainer #submit{width: 70%; margin: 50px auto; display: block; border-radius: 1.5em; background: #DDDB00; color: white; font-weight: 700; font-size: 0.9em; text-transform: uppercase; cursor: pointer;}
div#formContainer #submit:hover{text-shadow: 6px 6px 12px #fff; transition:0.5s;}
div#formContainer .jrapid_cancel{display: none;}

.jrapid_tooltip{background: #E04E27;;color: white;padding: 4px;/*position: fixed*/; width: 250px;position: absolute;border-radius: 1em;z-index: 99999; text-align: center;}    
.jrapid_tooltip::before{content:"";	position: absolute;margin-left:1px;right: 98%; top:10%; border-style: solid;border-width:9px;border-color: transparent #E04E27 transparent transparent;}

div#footer{width: 100%;}
div#footer img{display: block; margin: auto; width: 150px;}
div#footer p{text-align: center; margin-top:0;}
			
			
@media (max-width: 768px){
	body#bodyForm{background-image: none;}
	
	div#form .inner{width: 90%; margin:auto;}
	div#form .inner>h1{font-size: 1.5em;}
	div#form .inner >p{font-size: 1em;}
	
	div#form .inner>div{ flex-wrap: wrap; gap:0;}
	div#form .inner>div>div:first-child{width: 100%}
	div#form .inner>div>div{width: 100%; text-align: center;}
	div#form .inner>div>div p{font-size: 1em; font-weight: 700; margin-top: 0; display: none}
	div#form .inner>div>div ul li{margin-bottom: 20px; font-size: 0.9em; display: none;}
	
	.jrapid_tooltip{display: none;}
	
	div#formContainer{width: 100%;}
	div#formContainer #submit{width: auto;}
	
	div#footer p{font-size: 0.8em;}
	
	
}