/* open-sans-regular - latin */


  
@font-face { font-family: 'Roboto';
             src: url('roboto.woff') format('woff'); }
			 
			 
@font-face { font-family: 'OpenSans';
             src: url('OpenSansCondensed-light.ttf') format('truetype'); }
			 

@font-face { font-family: 'Pacifico';
             src: url('Pacifico-Regular.ttf') format('truetype');
             font-style: italic; }





body {
    height: 100%;
    margin: 0;
	//background: linear-gradient(142deg, rgba(0,169,224,1) 35%, rgba(255,255,255,1) 100%) fixed;
background: linear-gradient(142deg, rgb(7 141 17) 35%, rgb(7 247 30) 100%) fixed;
	color:white;
    width: 100%;
	font-family: 'OpenSans', regular;
}

html,body{font-family: 'OpenSans', regular;font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family: 'OpenSans', regular;font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}





.logo{
position:fixed;
bottom: 2vh;
right:2vh;
width:18vw;
margin:15px;
max-width: 100px;
}



#form {
  background-color: transparent !important;
  margin: auto;
  width: 70%;
  

}


*:focus {
    outline: none;
}

input {
  padding: 10px;
 
 width: 100%;
  font-size: 20px !important;
  border: none;
     border: 1px solid white;
   background: transparent;
   color: white;
}





button:hover {
background: #4CAF50 !important;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.burger{
padding: 15px;
margin:15px;
}

.burger:hover{
	color: #007864;
	   box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.step {
  height: 20px;
  width: 20px;
  margin: 0 2px;
  background-color: transparent;
  border: 1px solid white;  
  border-radius: 50%;
  display: inline-block;
  
}

.step.active {
  opacity: 1;
  background-color: white;

}

#progress{
	text-align: left;
	margin: 20px;
	
}


@media (max-height:601px){.hide-small{display:none !important
}

.small-wide{
width:100% !important;	
margin:0 !important;

}
}

@media (max-width:500px){.hide-small{display:none !important;}}

@media (max-width:500px){.small-wide{width:100% !important; margin:0 !important; 	}}



.centerW {
  position: absolute;
  left: 50%;
  top: 40%;
  

  transform: translate(-50%, -50%);
 
  width: 40%;

}
.nosel{
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

.green{
	background-color:#4CAF50 !important;
  color: #ffffff !important;
  -webkit-transition: .3s;
  transition: background .3s;
}

.border{
	border:1px solid white !important;
}




.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: transparent;
  border: 1px solid white;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.blue{
	color:white;
background-image: linear-gradient(to right bottom, #0d0285, #004fc1, #0088e4, #00bff6, #00f4ff);
}