/* Options */

.about_text{
    display:block;
    position:relative;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
    height:200px;
}

.about ul{
	font-size:0.9em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
}

.about_text_top ul{
	font-size:1vw;
    font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	line-height: 1vw;
}

.about_text_bot ul{
	font-size:1vw;
    font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
}

.about_text_main ul{
    font-size:3vw;
    font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
    margin-bottom:0.5%;
}

.about_text_main h1{
    font-size:2.5vw;
}



.about_text_main_bot ul{
    font-size:1.8vw;
    font-weight: normal;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color:black; 
}
.about_text_top{
    display:block;
    position:relative;
	background-color: transparent;
	width:60%;
	height:20%;
    top:10%;
	left:0;
	margin-left:5%;
	max-width:25vw;
	font-size:0.8vw;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.about_text_bot{
    display:block;
    position:relative;
	background-color: transparent;
	width:50%;
	height:20%;
    top:15%;
	margin-left:5%;
	max-width:25vw;
	font-size:0.7vw;
   /* box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/  
}


.about_text_main{
	display:flex;
	position:relative;
	background-color: transparent;
	width: 100%;
	max-width:100vw;
	height:100px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
    align-items: flex-end;	
}

.about_text_main-1{
	display:none;

}
/* PSACI EFEKT*/

.about_text_main h1{
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	  border-right: .15em solid rgb(39, 136, 13); /* The typwriter cursor */
	  white-space: nowrap; /* Keeps the content on a single line */
	  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	  letter-spacing: .15em; /* Adjust as needed */
	  animation: 
		typing 4s steps(50, end),
		blink-caret .5s step-end infinite;
	
	}

@keyframes typing {
	from { width: 0 }
	to { width: 65% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
	from, to { border-color: transparent }
	50% { border-color: rgb(44, 159, 15) }
  }

.about_text_main_bot{
	display:flex;
	position:relative;
	background-color: transparent;
	width: 100%;
	max-width:100vw;
	height:100px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
}

.about_wrapper{
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 100%;
	max-width:100vw;
	height:80vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	text-align: center;

}

.about_wrapper-1{
	display:none;
}

.about_wrap{
	align-items: center;
	display:flex;
	position:relative;
	background-color: transparent;
	width:100%;
	height:100%;
	max-width:25vw;
	font-size:large;
	float:left;
	border-radius: 8px;
	justify-content: center;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.about_wrap2{
	align-items: center;
	display:flex;
	margin-left:4.5%;
	position:relative;
	background-color: transparent;
	width:100%;
	height:100%;
	max-width:25vw;
	font-size:large;
	float:left;
	border-radius: 8px;
	justify-content: center;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.about_wrap3{
	align-items: center;
	display:flex;
	margin-left:4.5%;
    position:relative;
	background-color: transparent;
	width:100%;
	height:100%;
	max-width:25vw;
	font-size:large;
	float:left;
	border-radius: 8px;
	justify-content: center;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.about{
	margin-top:10%;
	margin-left:1%;
	display:block;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 98%;
	max-width:100vw;
	height:110vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.about-1{
	display:none;
}

.about1{
	position:relative;
	display:flex;
	background-image: url("/photo/about/Michael.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
	width:100%;
	height:70%;
	max-width:33vw;
	font-size:large;
	align-items: flex-end;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.about1_5{
	position:relative;
	width:80%;
	height:20%;
	max-width:33vw;
	font-size:large;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.about2{
	position:relative;
	display:flex;
	background-image: url("/photo/about/Rene.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
	width:100%;
	height:70%;
	max-width:33vw;
	font-size:large;
	align-items: flex-end;
	border-radius: 8px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.about2_5{
    position:relative;
	background-color: transparent;
	width:80%;
	height:20%;
	max-width:33vw;
	font-size:large;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.about3{
	position:relative;
	display:flex;
	background-image: url("/photo/about/Lukas.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
	width:100%;
	height:70%;
	max-width:33vw;
	font-size:large;
	align-items: flex-end;
	border-radius: 8px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.about3_5{
	position:relative;
	background-color: transparent;
	width:80%;
	height:20%;
	max-width:33vw;
	font-size:large;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.About_us{
	margin-left:8%;
	display:block;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 60%;
	max-width:100vw;
	height:70vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.5em;
}

.About_us_top{
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 100%;
	max-width:100vw;
	max-height:100%;
	height:36%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	text-align: justify;
	
}

.About_us_top ul{
	font-size: 1.2vw;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
}

.About_us_bot{
	display:flex;
	position:relative;
	background-color: transparent;
	margin-top: 0.2em;
	border-radius: 8px;
	width: 100%;
	max-width:100vw;
	max-height:100%;
	height:42%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	align-items: center;
	text-align: justify;
}

.About_us_bot ul{
	font-size: 1.2vw;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
}

.About_us_final{
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 100%;
	max-width:100vw;
	margin-top: 3em;
	height:22%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	align-items: center;
	text-align: justify;
}

.About_us_final ul{
	font-size: 1.2vw;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
}

img.about1_photo{
	margin-top:-30px;
	width:70%;
	max-width:750px;
	margin-bottom:20px;
}

.Ask{
	margin-top:15%;
	margin-left:1%;
	display:block;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 98%;
	max-width:100vw;
	height:100px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	align-items: center;
	text-align: center;
}


.Ask H2{
	font-size:2vw;
}

/* End of about */

.Form{
    margin-top:5%;
	margin-left:20%;
	display:block;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 60%;
	max-width:100vw;
	height:70vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
}

.Form-1{
	display:none;
}

.Form_top{
    position:relative;
    display:flex;
	background-color: transparent;
	border-radius: 8px;
	width: 100%;
	max-width:100vw;
	height:150px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:1;

}

.Form_block1{
    position:relative;
    display:block;
	background-color:transparent;
	width: 29%;
	max-width:100vw;
	height:150px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:5;
	margin-left:3%;
	justify-content: center;
	align-items: center;
	text-align: center;   
}

.Form_block1_text{
    position:relative;
    display:flex;
	background-color:transparent;
	width: 100%;
	max-width:100vw;
	height:50px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:5;
	justify-content: center;
	align-items: center;
	text-align: center;   
}

.Form_block1_text ul{
	font-size: 1.3vw;
	font-weight:bold;
	color:black;
}

.Form_block2{
    position:relative;
    display:block;
	background-color:transparent;
	width: 29%;
	max-width:100vw;
	height:150px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:5;
	margin-left:3.3%;
	justify-content: center;
	align-items: center;
	text-align: center;   
}

.Form_block2_text{
    position:relative;
    display:flex;
	background-color:transparent;
	width: 100%;
	max-width:100vw;
	height:50px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:5;
	justify-content: center;
	align-items: center;
	text-align: center;   
}

.Form_block2_text ul{
	font-size: 1.3vw;
	font-weight:bold;
	color:black;
}

.Form_block3{
    position:relative;
    display:block;
	background-color:transparent;
	width: 29%;
	max-width:100vw;
	height:150px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:5;
	margin-left:3.3%;
	justify-content: center;
	align-items: center;
	text-align: center;   
}

.Form_block3_text{
    position:relative;
    display:flex;
	background-color:transparent;
	width: 100%;
	max-width:100vw;
	height:50px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:5;
	justify-content: center;
	align-items: center;
	text-align: center;   
}

.Form_block3_text ul{
	font-size: 1.3vw;
	font-weight:bold;
	color:black;
}


.Form_Bot{
    position:relative;
    display:flex;
	background-color: #f1F1F1;
	width: 95%;
	margin-left:2.5%;
	max-width:100vw;
	height:50%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:1;
	text-align: left;
	vertical-align: top;
	margin-bottom: 2%;
}

.popup{
	width:30%;
	height:30%;
	background:#384D48;
	border-radius:6px;
	text-align: center;
	padding:0 30px 30px;
	color:#333;
	transition: transform 0.4s, top 0.4s;
}

.popup-bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	display:flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity:0;
	transition: visibility 0s, opacity 0.5s;
}

.popupbg-active{
	visibility: visible;
	opacity:1;
}

.open-popup{
	overflow-x: hidden;
	top: 50%;
	visibility: visible;
	transform: translate(-50%,-50%) scale(1);
}

.popup-bg img{
	width:100px;
	margin-top:-50px;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.popup-bg h2{
	color:#f1F1F1;
	font-size: 2.5rem;
	font-weight:bold;
	margin: 30px 0 10px;
}

.popup-bg p{
	color:#f1F1F1;
	font-size: 1.5rem;
}

.popup-bg button{
	width: 100%;
	margin-top:5%;
	padding: 10px 0;
	background: #6Fd549;
	color: #fff;
	border: 0;
	outline: none;
	font-size:18px;
	border-radius: 4px;
	cursor:pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.Wrap3s{
	margin-top:5%;
	display:flex;
	position:relative;
	background-color: transparent;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000; */
	width: 98%;
	margin-left:1%;
	max-width:100vw;
	height:10Vh;
	z-index:1;
	justify-content: center;
	text-align: center;
	font-size:1.2rem;
	font-weight: bold;
}


.Wrap3s1{
	position:relative;
	display:flex;
	width: 10%;
	max-width: 80vw;
	height:2vw;
	z-index:1;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-right: 5px solid BLACK;


	}

.Wrap3s2{
	align-items: center;
	display:flex;
	position:relative;
	width: 10%;
	max-width: 80vw;
	height:2vw;
	z-index:1;
	justify-content: center;
	text-align: center;
	border-right: 5px solid BLACK;
	}

.Wrap3s3{
	display:flex;
	position:relative;
	width: 10%;
	max-width: 80vw;
	height:2vw;
	z-index:1;
	align-items: center;
	justify-content: center;
	text-align: center;
	
	}

	a.Wraps1, a.Wraps2, a.Wraps3{
		color:black;
		cursor:pointer;
	}
	a.Wraps1:hover, a.Wraps2:hover, .Wraps3:hover{
		color:#317B22;
	}
	

.button_wrap{
	position:relative;
    display:flex;
	background-color: transparent;
	width: 100%;
	max-width:100vw;
	height:20%;
	justify-content: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:1;
}

.tips{
	position:relative;
	display:flex;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	height:50vh;
	max-width: 100vw;
	width:98%;
	margin-left:1%;
	justify-content: center;
	align-items: center;
}

.tip1wrap{
	position:relative;
	display:block;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	height: 45vh;
	width:25vw;
}

.tip2wrap{
	position:relative;
	display:block;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	height: 45vh;
	width:25vw;
	margin-left:3%;
}

.tip3wrap{
	position:relative;
	display:block;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	height: 45vh;
	width:25vw;
	margin-left:3%;
}


.tip1pic{
	position:relative;
	display:flex;
	background-image: url("/photo/about/blog1.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	height: 70%;
	width:100%;
}

.tip2pic{
	position:relative;
	display:flex;
	background-image: url("/photo/about/blog2.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	height: 70%;
	width:100%;
}

.tip3pic{
	position:relative;
	display:flex;
	background-image: url("/photo/about/blog3.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	height: 70%;
	width:100%;
}

.tip1txt{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-color: #f1F1F1;
	height: 30%;
	width: 80%;
	color:black;
	margin-left:10%;
	font-size:  1rem;
	margin-top:-10%;
	font-weight: bold;

}

.tip2txt{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-color: #f1F1F1;
	height: 30%;
	width: 80%;
	color:black;
	margin-left:10%;
	font-size:  1rem;
	margin-top:-10%;
	font-weight: bold;

}

.tip3txt{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-color: #f1F1F1;
	height: 30%;
	width: 80%;
	color:black;
	margin-left:10%;
	font-size:  1rem;
	margin-top:-10%;
	font-weight: bold;

}

a.tiptext{
	cursor:pointer;
}

	.submit{
	position:relative;
	background-color: #317B22;
	border-radius: 10px;
	box-sizing: border-box;
	color: white;
	font-size: 2.5em;
	line-height: 1.4em;
	padding: 20px;
	width: 15vw;
	max-width: 100vw;
	max-height:100%;
	height:35%;
	z-index:7;
	cursor: pointer;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.popup-btn,button[enabled]{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
    font-weight: 600;
    border: none;
    background-color: #4AAD52;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	box-sizing: border-box;
	color: white;
	font-size: 2vw;
	line-height: 1.4em;
	padding: 20px;
	width: 15vw;
	max-width: 100vw;
	max-height:100%;
	height:35%;
	z-index:7;
	cursor: pointer;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

	button[disabled]:hover{
	background-color:#cccccc;
}

.popup-btn:hover{
	transform: scale(1.05);
    transition: ease-in-out 100ms;
    background-color: #F6F930;
    color: black;
}

.submit:active {
    background-color: rgb(0, 0, 0);
  }

  .subject{
    max-width:25vw;
    width:100%;
    max-height: 150px;
    height:40%;
	border-radius: 15px;
	background-color: #f1F1F1;
	font-size: 20px;
	border:none;
}

  .email{
    max-width:25vw;
    width:100%;
    max-height: 150px;
    height:40%;
	border-radius: 15px;
	background-color: #f1F1F1;
	font-size: 20px;
	border:none;
}

.name{
    max-width:25vw;
    width:100%;
    max-height: 150px;
    height:40%;
	border-radius: 15px;
	background-color: #f1F1F1;
	font-size: 20px;
	border:none;
}

.input{
    max-width:25vw;
    width:100%;
    max-height: 150px;
    height:40%;
	border-radius: 15px;
	background-color: #f1F1F1;
	font-size: 20px;
	border:none;
}

.Form_Bot_input{
	position: relative;
	display:flex;
	text-align: left;
	vertical-align: top;
	background-color: #f1F1F1;
	width: 100%;
	border:none;
	font-size: 20px;

}


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




.about_text_main-1{
	display:flex;
	position:relative;
	background-color: transparent;
	width: 100%;
	max-width:100vw;
	height:100px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
    align-items: flex-end;	

}

.about_text_main ul{
    font-size:2rem;
}

.about_text_main-1 h1{
	font-size:5vw;
    margin-bottom:5%;
}


.about_text_main_bot ul{
    font-size:4vw;
}


.about_text_main_bot{

	width:80%;
	margin-left:10%;
}

.about_text_top{
	height:40%;
	margin-left:5%;
	max-width:6vw;
}

.about_text_top ul{
	font-size:5vw;
	color:white;
	line-height: 1.3em;
}

.about_text_bot ul{
	font-size:4vw;
	text-align: left;
	color:white;
}

.about_text_bot{
	margin-left:5%;
	max-width:90vw;
}


.about_wrapper{
	display:none;
}

.about_wrapper-1{
	display:block;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 100%;
	max-width:100vw;
	height:50vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	text-align: center;
}

.about_wrap{
	width:100%;
	height:100%;
	max-width:100vw;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.about_wrap2{
	width:100%;
	height:100%;
	max-width:100vw;
	margin-left:0;
}

.about_wrap3{
	width:100%;
	height:100%;
	max-width:100vw;
	margin-left:0;
}


.about{
	display:none;
}

.about-1{
	margin-top:10%;
	margin-left:1%;
	display:block;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 98%;
	max-width:100vw;
	height:auto;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.about1{
	margin-left:0%;
	height:100%;
	max-width:100vw;
	border-radius: 30px;
	transform: scale(.9);
}

.about1_5{
	position:relative;
	width:80%;
	height:30%;
	max-width:100vw;
	font-size:large;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.about2{
	margin-left:0%;
	height:100%;
	max-width:100vw;
	border-radius: 30px;
	transform: scale(.9);
}

.about2_5{
    position:relative;
	width:80%;
	height:30%;
	max-width:100vw;
	font-size:large;
}

.about3{
	margin-left:0%;
	height:100%;
	max-width:100vw;
	border-radius: 30px;
	transform: scale(.9);
}

.about3_5{
	position:relative;
	width:80%;
	height:30%;
	max-width:100vw;
	font-size:large;
}


.About_us{
	margin-top:5%;
	letter-spacing: 0;
	line-height: 1rem;
	width:80%;
}

.About_us_top{
	width: 100%;
	height:auto;

	
}

.About_us_top ul{
	font-size: 3.5vw;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
}

.About_us_bot{
	margin-top: 5%;
	height:auto;
}

.About_us_bot ul{
	font-size: 3.5vw;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
}

.About_us_final{
	margin-top: 5%;
	height:auto;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.About_us_final ul{
	font-size: 4vw;
}



.Form_top{
    display:block;
	background-color: transparent;
	border-radius: 8px;
	width: 100%;
	max-width:100vw;
	height:110px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:1;

}

.Form-1{
	display:block;
	height:auto;
}

.Form{
	display:none;
}

.subject{
	max-width:100vw;
    width:90%;
	text-align: center;
}

  .email{
	max-width:100vw;
    width:90%;
	text-align: center;
}

.name{
    max-width:100vw;
    width:90%;
	text-align: center;
}



.Ask H2{
	font-size:5vw;
}
.Form_Bot_input{
	border-radius:30px;
	width: 100%;
	padding:10px;
}



.Form_block1{
	width: 90%;
	margin-left:5%;
	   
}

.Form_block1_text{
	width: 100%;
}

.Form_block1_text ul{
	font-size: 4vw;
}

.Form_block2{
    width: 90%;
	margin-left:5%;
}


.Form_block3{
	width: 90%;
	margin-left:5%;  
}

.button_wrap{
	height:20%;
	margin-top:10%;
}

.Form_Bot{
   margin-top:10%;
   width:85%;
   margin-left:7.5%;
   border-radius:30px;
}


.popup-btn,button[enabled]{
	border-radius: 30px;
	font-size: 5vw;
	width: 60%;
	margin-bottom:10%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


button[disabled]{
	border: 1px solid #999999;
	background-color: #cccccc;
	color: #666666;
  }
  
	  button[disabled]:hover{
	  background-color:#cccccc;
  }
  

.popup{
	width:100%;
	height:30%;
	background:#384D48;
	border-radius:6px;
	text-align: center;
	padding:0 30px 30px;
	color:#333;
	transition: transform 0.4s, top 0.4s;
}

.popup-bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	display:flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity:0;
	transition: visibility 0s, opacity 0.5s;
}

.popupbg-active{
	visibility: visible;
	opacity:1;
}


}