/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* version : 3.3.0.2 */

.grid-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	display: -ms-grid;

	display: grid;
	-ms-grid-columns: auto 5px auto 5px auto;
	grid-template-columns: auto auto auto;
	-ms-grid-rows: auto 5px auto 5px auto;
	grid-template-rows: auto auto auto;
	grid-gap: 5px;
	padding: 0;
	overflow: auto;
}

.grid-container > *:nth-child(1) {
	-ms-grid-row:1;
	-ms-grid-column:1;
}

.grid-container > *:nth-child(2) {
	-ms-grid-row:1;
	-ms-grid-column:3;
}

.grid-container > *:nth-child(3) {
	-ms-grid-row:1;
	-ms-grid-column:5;
}

.grid-container > *:nth-child(4) {
	-ms-grid-row:3;
	-ms-grid-column:1;
}

.grid-container > *:nth-child(5) {
	-ms-grid-row:3;
	-ms-grid-column:3;
}

.grid-container > *:nth-child(6) {
	-ms-grid-row:3;
	-ms-grid-column:5;
}

.grid-container > *:nth-child(7) {
	-ms-grid-row:5;
	-ms-grid-column:1;
}

.grid-container > *:nth-child(8) {
	-ms-grid-row:5;
	-ms-grid-column:3;
}

.grid-container > *:nth-child(9) {
	-ms-grid-row:5;
	-ms-grid-column:5;
}

.grid-container > div {
	padding: 0 0;
	overflow: auto;
}

.Logo{
	padding: 0 0;
	overflow: auto;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-area: 2 / 2 / 3 / 3;
	text-align: center;
}

#SubscribeLogo{
position: fixed; 
top: 15%; 
left: 2%; 
width: auto;
height:auto;
overflow: hidden;
font-size: 1.5em;
border-radius: 28px;
-webkit-box-shadow: 0px 0px 30px #666666;
box-shadow: 0px 0px 30px #666666;
padding: 10px 20px 10px 20px;
}

#SubscribeForm{
position: absolute; 
top: 2%; 
left: 35%; 
width: auto;
height: auto;
overflow: hidden;
font-size: 1.5em;
border-radius: 28px;
-webkit-box-shadow: 0px 0px 30px #666666;
box-shadow: 0px 0px 30px #666666;
padding: 10px 20px 10px 20px;
}

#mailactivation{
position: fixed; 
top: 30%; 
left: 35%; 
width: auto;
height:auto;
overflow: hidden;
font-size: 1.5em;
border-radius: 28px;
-webkit-box-shadow: 0px 0px 30px #666666;
box-shadow: 0px 0px 30px #666666;
padding: 10px 20px 10px 20px;
}

.btndisabled {
  border-radius: 8px;
  color: #E0E0E0 ;
  font-size: 20px;
  background: #A8A8A8 ;
  padding: 10px 20px 10px 20px;
  border: solid #A8A8A8  2px;
  text-decoration: none;
}

.btn {
  background: #ff6f00;
  background-image: -o-linear-gradient(top, #ff6f00, #ffc89e);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6f00), to(#ffc89e));
  background-image: linear-gradient(to bottom, #ff6f00, #ffc89e);
  border-radius: 28px;
  -webkit-box-shadow: 0px 0px 30px #666666;
  box-shadow: 0px 0px 30px #666666;
  color: #000000;
  font-size: 1.5em;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3cb0fd), to(#3498db));
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.subscribe {
  background: #ff6f00;
  background-image: -o-linear-gradient(top, #ff6f00, #ffc89e);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6f00), to(#ffc89e));
  background-image: linear-gradient(to bottom, #ff6f00, #ffc89e);
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 30px #666666;
  box-shadow: 0px 0px 30px #666666;
  color: #000000;
  font-size: 1em;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.subscribe:hover {
  background: #ffc89e;
  background-image: -o-linear-gradient(top, #ffc89e, #03a116);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc89e), to(#03a116));
  background-image: linear-gradient(to bottom, #ffc89e, #03a116);
  text-decoration: none;
}