@media (min-width: 999px) {
.foot{
width:100vw;
height: ;
display: inline-block;
  position:relative ;
  flex-direction: ;
z-index: 0;
overflow:hidden;
}

.foot1{
  display: inline-block;
  position: ;
  flex-direction: ;
  align-items: center;
  justify-content: space-between;
  height: 250px;
  width: 100vw;
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
  background: ;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(12.7px);
  -webkit-backdrop-filter: blur(12.7px);
  border: ;
 
}
.company{
  display: inline-block;
 
  margin-left:-5px;
  margin-right:-5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  height: 250px;
  width: 25%;
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
  vertical-align: middle;
  background: #012169;
border-radius: ;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.6px);
-webkit-backdrop-filter: blur(4.6px);
border: ;
z-index:1;
position:relative;
}
.company p{
  display: ;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height: 250px;
  width: 100%;
  z-index: 4;
  margin-top: 15px;
  
  text-wrap:wrap;
 text-align:center;
 align-items: center;
 padding:9px;
 white-space: ;
	color: #fff;
	font-size: 18px;
	letter-spacing:5px ;
	line-height: 1.50em;
	font-weight: ;
}
.adres{
  display: inline-block;
  
   margin-left:-5px;
  margin-right:-5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  height: 250px;
  width: 25%;
  z-index: -1;
  margin-top: px;
  padding-top: 1px;
  vertical-align: middle;
   background: #012169;
border-radius: ;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.6px);
-webkit-backdrop-filter: blur(4.6px);
border: ;
z-index:1;
position:relative;
}
.adres span{
  display: inline-block;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height: 125px;
  width: 100%;
  z-index: 4;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 10px;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
 line-height:1.2em;
 font-size:18px;
 letter-spacing:2px ;
}
.adres p{
  display: inline-block;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height:;
  width: 100%;
  z-index: 4;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
  line-height:;
 font-size:;
}
.links{
  display: inline-block;
  
   margin-left:-5px;
  margin-right:-5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  height: 250px;
  width: 25%;
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
 vertical-align: middle;
  background: #012169;
border-radius: ;


border: ;
z-index:1;
position:relative;
}
.links li{
  display: ;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height: 50px;
  width: 100%;
  z-index: 4;
  margin-top: ;
  padding-top: 10px;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
 list-style:none;
 color: #fff;
	font-size: 18px;
	letter-spacing:5px ;
	line-height: 1.50em;
	font-weight: ;
}

.work{
  display: inline-block;
  
   margin-left:-5px;
  margin-right:-5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  height: 250px;
  width: 25%;
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
 vertical-align: middle;
  background: #012169;
border-radius: ;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.6px);
-webkit-backdrop-filter: blur(4.6px);
border: ;
z-index:1;
position:relative;
}
.work li{
  display: ;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height: 50px;
  width: 100%;
  z-index: 4;
  margin-top: 10px;
 font-size: 15px;
	letter-spacing:1px ;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
 list-style:none;
 padding:30px;
}




.bar1{
display:flex;
  
  flex-direction: ;
  height: 50px;
  width:100%;

}
.imdad{
display: inline-flex;
 position:sticky ;
  height: 50px;
  width:50%;
   border: ;
  z-index:1;
 background:#012169;
   border-radius: ;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);

text-align:center;
vertical-align:middle;
align-items:center;
left:;
}
.imdad p{
margin-left:150px;
}
.site{
display: inline-flex;
 
  height: 50px;
  width:50%;
z-index:1;
 background:#012169;
   border-radius: ;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
position:sticky ;
align-items:center;
left:;
}
.site a{
display: inline-flex;

color:#fff;
text-decoration:none;
left:10px;
}
.site p{
margin-left:300px;
}
.socialbox {
display: inline-flex;
flex-direction:row;
 position:relative ;
  height: 50px;
  width: 100%;
  
  align-items: center;
  justify-content: center;
 z-index:1;
 background: linear-gradient(to left, #70dcaa99, #22c7c075);
   border-radius: 5px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);

 
}
.socialbox p {
  
  display: flex;
 
  
  color:;
  
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
  line-height:1em;
 font-size:18px;
 
}

.bar2{
display:inline-flex ;
  position:relative ;
  flex-direction: ;
  height: 30px;
  width:100%;
 border: ;
  align-items: center;
  justify-content: center;
 z-index:1;
 background: #012169;
   border-radius: ;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);

}
.copy{
  display:inline;
  position:;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  margin: 10px;
}
.copy1{
display:inline;
  position:;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  margin: 10px;
  left:10px;
  right:10px;
}

.icons a {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 40px;
  margin: 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
border:1px solid white;
border-radius:2px;
  background-size: 100% 200%;
  background-position: 0% 5%;

  transition: background-position 0.5s, color 0.5s;
}

.icons a:nth-child(1) {
  color: #1976d3;
  background-image: linear-gradient(#fff 50%, #1976d3 50%);
}

.icons a:nth-child(2) {
  color: orange;
  background-image: linear-gradient(#fff 50%, #db6f44 50%);
}

.icons a:nth-child(3) {
  color: red;
  background-image: linear-gradient(#fff 50%, red 50%);
}

.icons a:nth-child(4) {
  color: #03a9f5;
  background-image: linear-gradient(#fff 50%, #03a9f5 50%);
}

.icons a:hover {
  background-position: 0% 100%;
  color: #fff;
}
.footerbg{
 height: 400px;
 width:100vw;
  left: 0;
  opacity: 1;
  position: absolute;
 border-radius:16px;
 border:;
  display:flex ;
  margin-top: -10px;
  padding-top: 0;
  overflow:hidden ;
  z-index:0;

}	
.backbg{
 height: 100%;
 width:100%;
  left: 0;
  opacity: 1;
  position: absolute;
 border-radius:16px;
 border:1px solid white;
  display:flex ;
  margin-top: -10px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-9;

}	
}

/* 7777777777777777777777777777777777777777777777777777777777777777SMALLLLLLLLLL9999999999999999999999999999999999999999999999999*/

@media (max-width: 768px) {
.foot{
width:100vw;
height: ;
display: inline-block;
  position:relative ;
  flex-direction: ;
z-index: 0;
overflow:hidden;
}

.foot1{
  display: inline-block;
  position: ;
  flex-direction: ;
  align-items: center;
  justify-content: space-between;
  height: 250px;
  width: 100vw;
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(12.7px);
  -webkit-backdrop-filter: blur(12.7px);
  border: ;
 
}
.company{
  display: ;
 
  margin-top:15px;
  margin-bottom:15px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  height: 200px;
  width: 100%;
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
  vertical-align:;
  background: rgba(22, 54, 130, 0.74);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.6px);
-webkit-backdrop-filter: blur(4.6px);
border: ;
z-index:1;
position:relative;
}
.adres{
  display: ;
  margin-top:15px;
  margin-bottom:15px;
   margin-left:0px;
  margin-right:-5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  height: 160px;
  width: 100%;
  z-index: -1;
  margin-top: px;
  padding-top: 1px;
  vertical-align: ;
   background: rgba(22, 54, 130, 0.74);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.6px);
-webkit-backdrop-filter: blur(4.6px);
border: ;
z-index:1;
position:relative;
}
.links{
  display: ;
  margin-top:15px;
  margin-bottom:15px;
   margin-left:0px;
  margin-right:-5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  height: 200px;
  width: 100%;
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
 vertical-align: ;
  background: rgba(22, 54, 130, 0.74);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.6px);
-webkit-backdrop-filter: blur(4.6px);
border: ;
z-index:1;
position:relative;
}
.work{
  display: ;
  margin-top:15px;
  margin-bottom:15px;
   margin-left:0px;
  margin-right:-5px;
  flex-direction: ;
  align-items: ;
  justify-content: ;
  height: 200px;
  width: 100%;
  z-index: 4;
  margin-top: px;
  padding-top: 1px;
 vertical-align: ;
  background: rgba(22, 54, 130, 0.74);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4.6px);
-webkit-backdrop-filter: blur(4.6px);
border: ;
z-index:1;
position:relative;
}

.company p{
  display: ;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height: 250px;
  width: 100%;
  z-index: 4;
  margin-top: 15px;
  
  text-wrap:wrap;
 text-align:center;
 align-items: center;
 padding:9px;
 white-space: ;
	color: #fff;
	font-size: 18px;
	letter-spacing:3px ;
	line-height: 1.50em;
	font-weight: ;
}

.adres span{
  display: inline-block;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height: 125px;
  width: 100%;
  z-index: 4;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
 line-height:1.2em;
 font-size:18px;
 letter-spacing:2px ;
}
.adres p{
  display: inline-block;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height:;
  width: 100%;
  z-index: 4;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
  line-height:;
 font-size:;
}

.links li{
  display: ;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height: 50px;
  width: 100%;
  z-index: 4;
  margin-top: ;
  padding-top: 10px;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
 list-style:none;
 color: #fff;
	font-size: 18px;
	letter-spacing:5px ;
	line-height: 1.50em;
	font-weight: ;
}

.work li{
  display: ;
  position: ;
  flex-direction: ;
  
  justify-content: space-between;
  height: ;
  width: 100%;
  z-index: 4;
  margin-top: ;
 font-size: 15px;
	letter-spacing:1px ;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
 list-style:none;
 padding:15px;
}



.karta{
display: ;
  position: ;
  flex-direction: ;
  height: -webkit-fill-available;
  width:;
}
.bar1{
display:flex;
  
  flex-direction: ;
  height: 50px;
  width:100%;

}
.imdad{
margin-top:2px;
  margin-bottom:2px;
display: flex;
 position:relative ;
  height: ;
  width:100%;
   font-size:12px;
  z-index:1;
 background:linear-gradient(to left, #dc1e155e, #2788d08c);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);

text-align:center;
vertical-align:;
align-items:center;
left:2px;
}
.site{
display: flex;
 margin-top:2px;
  margin-bottom:2px;
  height: ;
  width:100%;
z-index:1;
 background:linear-gradient(to left, #dc1e155e, #2788d08c);
   border-radius: 5px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);
position:sticky ;
align-items:center;
left:;
}
.site a{
display: flex;

color:#fff;
text-decoration:none;
left:10px;
}

.bar2{
margin-top:2px;
  margin-bottom:2px;
display:flex ;
  position:relative ;
  flex-direction: ;
  height: ;
  width:100%;
  
 border: ;
  align-items: center;
  justify-content: center;
 z-index:1;
 background: linear-gradient(to left, #4c1919d6, #65d8d300);
   border-radius: 16px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);

}
.copy{
  display:flex;
  position:;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  margin: 10px;
  margin-top:2px;
  margin-bottom:2px;
}
.copy1{
display:inline;
  position:;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  margin: 10px;
  left:10px;
  right:10px;
  margin-top:2px;
  margin-bottom:2px;
}
.socialbox {
margin-top:2px;
  margin-bottom:2px;
display: flex;
flex-direction:row;
 position:relative;
  height: ;
  width: 100%;
  
  align-items: center;
  justify-content: center;
 z-index:1;
 background: linear-gradient(to left, #70dcaa99, #22c7c075);
   border-radius: 5px;
	backdrop-filter: blur(12.7px);
	-webkit-backdrop-filter: blur(12.7px);
	border: ;
	box-shadow: 0 4px 30px rgba(220, 227, 3, 0.1);

 
}
.socialbox p {
  margin-top:2px;
  margin-bottom:2px;
  display: inline;
 
  
  color:;
  
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  text-wrap:wrap;
 text-align:center;
 align-items: center;
  line-height:1em;
 font-size:18px;
 
}

.icons a {
margin-top:2px;
  margin-bottom:2px;
  display: inline;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
  margin: 20px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
border:1px solid white;
border-radius:2px;
  background-size: 100% 200%;
  background-position: 0% 5%;

  transition: background-position 0.5s, color 0.5s;
}

.icons a:nth-child(1) {
  color: #1976d3;
  background-image: linear-gradient(#fff 50%, #1976d3 50%);
}

.icons a:nth-child(2) {
  color: orange;
  background-image: linear-gradient(#fff 50%, #db6f44 50%);
}

.icons a:nth-child(3) {
  color: red;
  background-image: linear-gradient(#fff 50%, red 50%);
}

.icons a:nth-child(4) {
  color: #03a9f5;
  background-image: linear-gradient(#fff 50%, #03a9f5 50%);
}

.icons a:hover {
  background-position: 0% 100%;
  color: #fff;
}
.footerbg{
 height: 400px;
 width:100vw;
  left: 0;
  opacity: 1;
  position: absolute;
 border-radius:16px;
 border:;
  display:flex ;
  margin-top: -10px;
  padding-top: 0;
  overflow:hidden ;
  z-index:0;

}	
.backbg{
 height: 100%;
 width:100%;
  left: 0;
  opacity: 1;
  position: absolute;
 border-radius:16px;
 border:1px solid white;
  display:flex ;
  margin-top: -10px;
  padding-top: 0;
  overflow:hidden ;
  z-index:-9;
}
}