﻿
/*-----------------------General------------------------------*/



.BigDiv-form{
  width: 100%;
  box-sizing: border-box;	
}


/*****************************************************************************
		DESKTOP
******************************************************************************/	


/*-----------------------Forms------------------------------*/

/*------------------------
         CAPTCHA
-------------------------*/

.captcha{
  display:block;
margin:0 auto;
width:100%;

}

.captcha div{
margin:0 auto;

}


/*------------------------
         FORMS WRAPPER
-------------------------*/

.wrapper {
	width:80%;
	height:auto;
	margin:30px auto;
	padding:0;
	padding-bottom:5%;
	text-align:center;
  background:#eeefef;	
}



input, select, textarea{ 
   -moz-appearance: none;
   -webkit-appearance: none;
   -webkit-user-select: text;
   -webkit-border-radius: 0;
   -moz-border-radius:0;

}

fieldset {
	-webkit-box-shadow:0;
	-webkit-appearance: none;
  -moz-appearance: none;
	-webkit-border-radius: 0;
  -moz-border-radius:0;	
  border:none;
	overflow:hidden;
	padding:0;
	text-align:center;	
}


/*------------------------
         FIELDSETS
-------------------------*/

/* Style 1: rounded corners*/
.fieldset_style1 {
  width:100%;
  margin:50px 0;
  padding-bottom:30px;
  box-sizing: border-box;
}


/*------------------------
         FONTS
-------------------------*/

.BigDiv-form h2, p {
	text-align:center;
  color:#0a0c22;

}




/*------------------------
         UL & Labels
-------------------------*/

form ul {
	list-style: none;
	text-align:left;
}

form li {
	margin: 0.5em auto;
	text-align:left;

}

form label {
	display: inline-block;
	padding: 3px 0;
	text-align: left;
	width: 20%;
	vertical-align: top;
  color:#0a0c22;
}


/*------------------------
         INPUTS
-------------------------*/

input, select, textarea {
  margin: 5px;
  font-size: 16px;
  border-style:none;
	background-color:#fff;
  margin-left:2%;
  padding-left:2%;
  box-sizing: border-box;
}



/*----------effects---------------*/
input:focus, textarea:focus {
  border:1px solid #44b4db;
}

input:hover, textarea:hover, select:hover{
	border:1px solid #44b4db;
}

input:active, textarea:active, select:active{
	border:1px solid #44b4db;
}



/*----------sizes------------*/
.large {
	width: 80%;
}

.medium {
	width: 65%;
  height: 30px;
}

.small {
	width: 30%;
}


.medium-textarea {
	font: inherit;
	height:200px;

}


/*------------------------
         BUTTONS
-------------------------*/

form.button{
	vertical-align:middle;	
	margin:0 auto;
	margin-top:20px;
  border: none;	
  
}

.button_style1:hover{
  opacity: 0.8;
  border: none;	
}

.button_style1{
  width:15%;
	margin:20px 10px;
  padding:10px;
  background: #44b4db;
  color:#fff;
  border-radius:50px;
  box-sizing: border-box;
}




/*****************************************************************************
		iPad
******************************************************************************/
@media screen and (max-width: 820px){

.wrapper {
    width:85%;
}

.medium{
  width: 50%;
}

form label {
	width: 30%;
}

}





/*****************************************************************************
		iphone
******************************************************************************/	



@media screen and (max-width: 470px){

.wrapper {
	width:100%;
  margin:0 auto;
}



.medium {
  width: 80%;
  height:40px;
}

.medium-textarea {
  height:150px;
}


form label {
	width: 50%;
}

.BigDiv-form p{
  margin:0 20%;
  text-align: left;
}
.button_style1{
  width:90%;
  margin:0 auto 10% auto;
  height:50px;
  box-sizing: border-box;
}

.input_upload::before{
  height:40px;
  padding-top:3%;
}

}