*{margin:0px;
padding:0px;
box-sizing:border-box;
font-family:arial;}

header{width:100%;
height:65px;
background-color:black;
display:flex;
justify-content:flex-start;
align-items:center;
position:fixed;
z-index:1;
top:0px;}


header p{color:white;
padding:0px 30px;
font-size:13pt;
font-family:Orbitron;}

nav li{float:left;
list-style:none;
margin:0px 40px;
position:relative;
}

nav li a{text-decoration:none;
color:white;
font-size:11pt;}

nav ul li:nth-child(6){display:none;}

nav li a::after{
content:'';
display:block;
width:0%;
height:1px;
background-color:white;
transition:all 0.4s;}
	
nav li a:hover::after{width:100%;}	

header button{padding:10px 16px;
transition:all 0.4s;
cursor:pointer;
border:none;}

header button a{text-decoration:none;
font-size:12pt;
color:black;}

header button:nth-last-child(1){background:white;
position:absolute;
right:10px;
cursor:pointer;}


header button:nth-last-child(2){background:white;
position:absolute;
right:90px;
cursor:pointer;}


header button:hover{background:#00A550;}

header button:hover a{color:white;}

header li{list-style:none;}

header svg{position:absolute;
right:180px;
transform:translate(-50%, -50%);
top:50%;
color:white;}

.navbarlist{color:white;
position:absolute;
display:none;
left:15px;
transform:translate(-50%, -50%);
top:50%;}

.show{display:block;}

.searching{width:100%;
height:632px;
margin-top:60px;
position:relative;
background-color:black;}

.searching form{position:absolute;
top:45%;
left:50%;
transform:translate(-50%,-50%);
 box-shadow:0px 0px 10px grey;
 border-radius:10px;
 display:block;
 padding:30px 100px 30px 100px;
 width:85%;}

.searching form [type="text"]{
width:450px;
padding:15px;
border:none;
border-radius:03px;
margin:10px 0px 10px 0px;
font-size:13pt;
border:1px solid white;}

	
.searching form select{padding:14px;
border:none;
border-radius:03px;
font-size:13pt;
width:450px;
display:block;
border:1px solid white;}

.searching form [type="submit"]{
padding:15px 50px;
border:none;
border-radius:03px;
background-color:#00A550;
font-size:13pt;
color:white;
display:block;
margin-top:20px;}

.searching form h4{color:white;
padding:0px 0px 10px 0px;
display:inline-block;
background:black;
font-size:10pt;
border-bottom:1px solid white;
}
	
.searching form p{
font-size:20pt;
padding:10px 0px;
color:white;
font-weight:bold;}

.searching form h3{padding:10px 0px;}
	
.searching form [type="submit"]:hover{
color:black;}

footer button{position:absolute;
right:11px;
top:10px;
padding:10px 20px;
border-radius:0px;
border:none;
background-color:white;
cursor:pointer;}

footer button a{text-decoration:none;
color:black;
font-weight:bold;}

.chat{background-color:#00A550;
position:fixed;
right:10px;
bottom:0px;
padding:13px 25px;
border-radius:5px 5px 0px 0px;
list-style:none;
cursor:pointer;}

.chat a{text-decoration:none;
color:white;
font-size:14px;}

.searchingbox{width:85%;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
transform:translateY(-50px);
background-color:#dfecf5;
border-radius:05px;
overflow:hidden;}

.searchingbox img{width:auto%;
height:100%;
position:absolute;
right:0px;
border-radius:0px 05px 05px 0px;
transition:transform 0.3s;
z-index:-1;
float:left;
}

.searchingbox img:hover{transform:scale(1.1);}

.searchingbox p{
font-size:20pt;
font-weight:bold;
padding:26px;
margin:20px 450px 35px 50px;
border-bottom:none;
border-right:none;
color:black;
line-height:1.3;
}

.searchingbox button{padding:11px 20px;
background:#00A550;
border:none;
margin-left:77px;
padding-right:30px;
transition:all 0.4s;
cursor:pointer;
margin-bottom:50px;}

.searchingbox button:hover{
padding-left:30px;
opacity:0.9;}

.searchingbox button a{color:white;
font-weight:bold;
text-decoration:none;}

.searchingbox svg{position:absolute;}



.webbox{width:85%;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
display:flex;
justify-content:center;
border-radius:05px;
flex-flow:wrap;
background:#dfecf5;
position:relative;}

.webbox div:nth-child(1){
  width:350px;
  height:350px;
  margin-left:5px;
  margin-right:5px;
  border-radius:05px;
  background-color:white;
  margin-top:40px;}
  
  .webbox div:nth-child(2){
  width:350px;
  height:350px;
  margin-top:40px;
  margin-left:5px;
  margin-right:5px;
  border-radius:05px;
  background-color:white;}
  
  .webbox div:nth-child(3){
  width:350px;
  height:350px;
  margin-top:40px;
  margin-left:5px;
  margin-right:5px;
  border-radius:05px;
  background-color:white;
  margin-bottom:40px;}

.webbox div:nth-child(1) img{width:100%;
height:80%;
border-radius:10px 10px 0px 0px;}

.webbox div:nth-child(1) p a{font-size:13pt;
padding:0px 0px 5px 20px;
color:black;
display:inline-block;
text-decoration:none;}

.webbox div:nth-child(1) svg{margin-left:10px;
color:black;
transition:1s;
display:inline-block;
transform:translateY(6px);
color:white;
background:#00A550;
border:1px solid #00A550;}

.webbox div:nth-child(1) p a:hover svg{transform:translate(10px, 6px);}

.webbox div:nth-child(2) img{width:100%;
height:80%;
border-radius:11px 11px 0px 0px;}

.webbox div:nth-child(2) p a{text-decoration:none;
font-size:13pt;
color:black;
padding:0px 0px 5px 20px;
display:inline-block;}

.webbox div:nth-child(2) svg{margin-left:10px;
transition:1s;
display:inline-block;
transform:translateY(6px);
color:white;
background:#00A550;
border:1px solid #00A550;}

.webbox div:nth-child(2) p a:hover svg{transform:translate(10px, 6px);}

.webbox div:nth-child(3) img{width:100%;
height:80%;
border-radius:11px 11px 0px 0px;}

.webbox div:nth-child(3) p a{text-decoration:none;
font-size:13pt;
color:black;
padding-left:20px;
display:inline-block;}

.webbox div:nth-child(3) svg{margin-left:10px;
transition:1s;
display:inline-block;
transform:translateY(6px);
color:white;
background:#00A550;
border:1px solid #00A550;}

.webbox div:nth-child(3) p a:hover svg{transform:translate(10px, 6px);}

.webbox button{position:absolute;
right:0px;
top:-10px;
padding:9px;
background:gold;
color:black;
border:none;
font-size:11pt;}

.nexa{width:85%;
height:50vh;
margin:40px 0px;
background:#e1ece9;
margin-left:auto;
margin-right:auto;
border-radius:05px;
display:flex;}

.nexa img{width:auto;
height:100%;
border-radius:05px 0px 0px 05px;}


.nexa h1{font-size:20pt;
padding:90px 0px 0px 50px;
color:black;}

.nexa button{padding:12px 15px 10px 15px;
background:#00A550;
border:none;
margin:30px 0px 0px 50px;
padding-right:30px;
position:relative;
cursor:pointer;
transition:all 0.3s;}

.nexa button a{font-size:10pt;
color:white;
text-decoration:none;
font-weight:bold;}

.nexa div p{
font-weight:bold;
padding:5px 0px 0px 50px;}

.nexa div p a{text-decoration:none;
color:black;}

.nexa div svg{transform:translateY(5px);}

 .bi-arrow-right-squares{
position:absolute;
top:4px;}

.nexa button:hover{padding-left:20px;}

footer{width:100%;
height:auto;
background-color:black;
margin-top:50px;
display:flex;
padding-bottom:100px;
position:relative;}

footer div{width:350px;
height:auto;}

footer div h4{color:white;
padding:60px 0px 10px 60px;
font-size:15px;}

footer div h5{padding:15px 0px 0px 60px;}

footer div h5 a{text-decoration:none;
color:white;
font-size:13px;}

footer div h5 a:hover{border-bottom:1px solid white;}

footer div li{list-style:none;}

footer div li a{text-decoration:none;
color:white;
font-weight:bold;
font-size:14px;}

footer div li{padding:15px 20px 0px 60px;}

.socialmax{position:absolute;
width:auto;
bottom:20px;
left:0px;}

.socialmax h5{color:white;
display:inline-block;}

.fa-facebook{font-size:22px;
text-decoration:none;
background:#00A550;
color:white;
padding:9px 14px;
border-radius:20%;
margin:10px;
display:inline-block;}
  
.fa-twitter{font-size:22px;
text-decoration:none;
background:#00A550;
color:white;
padding:8px 10px;
border-radius:20%;
margin:0px 10px;
display:inline-block;}

.fa-youtube{font-size:22px;
text-decoration:none;
background:#00A550;
color:white;
padding:8px 10px;
border-radius:20%;
margin:0px 10px;}

@media screen and (max-width:1100px){
	
	nav{display:none;
	position:fixed;
	top:60px;
	width:100%;
	height:100%;
	background:black;
	border-top:1px solid grey;}
	
	nav ul li{float:none;
	margin:0px 0px;
	border-bottom:1px solid grey;
	padding:18px 0px;}
	
	header svg{display:none;}
	
	
	
	.navbarlist{display:block;
	margin-left:05px;}
	
	header p{margin-left:35px;}
	
	nav li a::after{display:none;}	
	
	nav li a:hover{opacity:0.9;}
	
	nav li a{padding-left:10px;
	color:white;}
	
	.searching{margin-bottom:20px;}
	
	.searching form h4{padding-bottom:10px;
	font-size:15px;}
	
 .searching form [type="text"]{
	width:100%;
	padding:15px;
	border-radius:5px;
	margin:10px 0px;
	font-size:13pt;
	}
	
 .searching form{
	 padding:50px 20px;
	 width:95%;
	 margin-top:30px;
	border:none;
	box-shadow:none;}
	
	.searching form p{
font-size:18pt;
padding:50px 0px;
color:white;
font-weight:bold;}
	
	.searching form select{width:100%;}
	
	.searching form [type="submit"]{
	padding:15px 40px;
	display:block;
	margin-top:20px;}
	
	.searchingbox p{
padding:45px 10px 40px 30px;
margin:0px;
font-size:20pt;
line-height:1.5;
}
	
	.searchingbox button{margin-left:30px;}
	
	nav ul li:nth-child(6){display:block;}
	
	h2{padding-top:20px;}
	
	.nexa{display:block;
     height:auto;
     width:95%;
	 box-shadow:1px 1px 10px grey;}
  
    .nexa img{width:100%;
     border-radius:10px 10px 0px 0px;}
  
    .nexa h1{font-size:20pt;
     padding:30px 0px 0px 20px;}

    .nexa button{margin:30px 0px 40px 20px;}

    .nexa div p{
     font-weight:bold;
     padding:5px 0px 0px 20px;}
	}

footer svg{transform:translateY(4px);}

@media screen and (max-width:700px){
	
	
	.socialmax{width:100%;
	left:0px;
	bottom:50px;}
	
	.searchingbox{width:95%;
	transform:none;
	margin-top:0px;
	background-color:#dfecf5;}
	.searchingbox img{width:100%;}
	
	
	.searchingbox h6{position:absolute;
	right:0px;}

	
	#lal{margin-top:30px;}
	
	.webbox{width:95%;
	padding:0px;
	background:none;}
	
	.webbox div:nth-child(1){
  width:100%;
  height:350px;
  margin:10px 0px;
  box-shadow:1px 1px 10px grey;}
  
  .webbox div:nth-child(2){
  width:100%;
  height:350px;
  margin:10px 0px;
  box-shadow:1px 1px 10px grey;}
  
  .webbox div:nth-child(3){
  width:100%;
  height:350px;
  box-shadow:1px 1px 10px grey;
  margin:10px 0px;}
  
  footer{flex-flow:wrap;
	padding-bottom:150px;}
	
	footer div{width:100%;}
	
	footer p{position:absolute;
bottom:20px;
left:20px;
font-size:15pt;
color:black;}

footer div h5 {padding-left:20px;}

footer div h4{padding-left:20px;}

footer div li{padding-left:20px;}

.fa{margin:5px;}}