/* CSS Document */
form{
	padding-top: 5px;
	color: white;
	text-align: center;
	
}
.form-group {
	align-content: center;
}
.form-error-div {
	margin-top: 0px;
	margin-bottom: 0px;
}
.form-error {
	font-family: Fredoka, sans-serif;
	font-weight: lighter;
	font-size: 14px;
	color:red;
	margin-top: 0px;
	margin-bottom: 0px;
}
label, input, textarea{
	/* display: inline-block;	*/
}
input[type=email]
{
	width: 500px;
	height: 50px;
	border: 3px solid #3898ec;
	border-radius: 20px;
	outline: none;
	padding:10px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000000;
	/*background-color: #E3E3E3;*/
	background-color: #ffffff;
	font-family: Fredoka, sans-serif;
	font-size: 1.3em;
	transition: border 0.5s;
	-webkit-transition: border 0.5s;
	-moz-transition: border 0.5s;
	-o-transition: border 0.5s;
	/*border: solid 3px #E3E3E3;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:2px 2px 8px rgba(0,0,0,.3);
}
/*
input[type=submit]
{
	width: 500px;	
	border: none;
	border-radius: 20px;
	outline: none;
	padding: 12px 30px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Fredoka, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 100%;
	text-decoration: none;
}
*/
input:focus
{
	border: solid 3px #77bde0;	
}

input[type=submit]{
	background-color: #3898ec;
	border: none;
	border-radius: 20px;
	color: white;
	height: 50px;
	width: auto;
	min-width: 160px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 10px;
    margin-right: 10px;
	padding: 12px 30px;
	font-size: 18px;
	font-family: Fredoka, sans-serif;
	font-weight: 400;
	line-height: 100%;
    text-decoration: none;
}
/*
input[type="submit"]:hover{
	background-color: #45AAFF;
}

label{
	font-size: 1.5em;
	margin-top: 20px;
	padding-left: 20px;
}*/
::-webkit-input-placeholder {
   color: #a8a8a8;
}
::-webkit-textarea-placeholder {
   color: #a8a8a8;
}
:-moz-placeholder { /* Firefox 18- */
   color: #a8a8a8;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #a8a8a8;  
}

:-ms-input-placeholder {  
   color: #a8a8a8;  
}

input.error { border: 1px dotted red; }


.modal-email {
  z-index: 9999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  background-color: #2e2e2e9c;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  margin-top: 0;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-email-item {
  z-index: auto;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 600px;
  padding: 20px 35px;
  display: flex;
  position: relative;
  top: auto;
}

.modal-email-img-div {
  background-color: var(--modal-grey);
  border-radius: 18px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 95%;
  margin-bottom: 5px;
  padding: 20px;
  display: flex;
}

.modal-email-title-div {
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.modal-email-p {
  font-family: Fredoka, sans-serif;
  /*font-size: 16px;*/
  /*line-height: 145%;*/
  font-size: 1.2em;
  font-weight: 700;
  line-height: 20px;
}
.modal-email-btn-more {
  color: #fff;
  column-count: auto;
  border: 3px solid #3898ec;
  border-radius: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 12px 25px;
  font-family: Fredoka, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}
.modal-email-btn-more.w--current {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 15px;
}

@media screen and (max-width: 991px) {
	
	.modal-email {
		display: none;
	}

	.modal-email-item {
		max-width: 70%;
		padding-top: 10px;
	}
	.modal-email-btn-more {
		border: 3px solid #3898ec;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 767px) {
	input[type=email]
	{
		max-width: 80%;	
	}
	input[type=submit]
	{
		max-width: 80%;
		font-size: 13px;
        line-height: 10px;
		padding: 5px 30px;
	}
	.modal-email {
		justify-content: space-around;
		align-items: center;
		display: none;
		overflow: scroll;
	}

	.modal-email-item {
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		justify-content: space-around;
		align-items: center;
		width: 85%;
		max-width: none;
		height: auto;
		max-height: none;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 25px;
		display: flex;
	}

	.modal-email-title-div {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.modal-email-btn-more {
		margin-left: 5px;
		margin-right: 5px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 13px;
		line-height: 10px;
	}
	.modal-email-btn-more.w--current {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}


@media screen and (max-width: 479px) {
	input[type=email]
	{
		max-width: 70%;	
	}
	input[type=submit]
	{
		max-width: 90%;
		font-size: 13px;
        line-height: 10px;
	}
	.modal-email {
		display: none;
	}
	.modal-email-item {
		width: 90%;
		height: auto;
		max-height: none;
		padding: 10px 20px 20px;
		display: flex;
	}

	.modal-email-title-div {
		margin-top: 10px;
		margin-bottom: 0;
	}
	.modal-email-btn-more {
		margin-left: 5px;
		margin-right: 5px;
		padding: 10px 15px;
		font-size: 13px;
		line-height: 10px;
	}

	.modal-email-btn-more.w--current {
		margin-bottom: 10px;
		margin-right: 0;
	}
}