.ty32 {
	margin-top: 50px;
}

.wrapper88 {
max-width: 540px;
height: 360px;
border-bottom: 2px solid rgba(126, 165, 255, 0.4);
box-shadow: -3px -3px 4px rgba(126, 165, 255, 0.4), 3px -3px 4px rgba(126, 165, 255, 0.4);
}
	  
.exmp38 img {
object-fit: cover;
width: 100%;
height: 100%;
}
	  
.wrapper99 {
        max-width: 540px;
border: none;
		margin-top: -1px;
		text-align: center;
		padding: 5px;
		padding-bottom: 3px;
		font-size: 1em;
box-shadow: -3px 3px 4px rgba(126, 165, 255, 0.4), 3px 3px 4px rgba(126, 165, 255, 0.4);
      }	  

.wrap2 {
  display: block;
  text-align: center !important;
}

.wrap2_col1 {
  display: block;	
  text-align: center !important;
}

.wrap22 {
	  display: block;	
	  text-align: center !important;
}

.wrap22_col1 {
	  display: block;	
	  text-align: center !important;
}
	  
.wrap1 {
  display: flex;
  flex-wrap: wrap; 
}

.wrap1_col {
  text-align: center;
  width: 33%;   
}

.wrap1_col1 {
	text-align: left;	
}

.wrap1_col2 {
	text-align: right;
	width: 34%;		
}

.wrap1 .wrap1_col1, .wrap1 .wrap1_col2 {
text-transform: uppercase;
}


@media screen and (min-width:980px) and (max-width:1200px) {
	.wrap1_col1 {
	width: 23%;
}
.wrap1_col2 {
	width: 44%;
}
}

@media screen and (max-width:375px) {
		.wrap1_col {
	width: 23%;
}
	.wrap1_col1 {
	width: 29%;
}
.wrap1_col2 {
	width: 48%;
}
}

.ty33 {
margin-bottom: 50px;		  
}
	  
  
@media screen and (min-width:600px) and (max-width:800px) {
.wrapper88, .wrapper99 {
        max-width: 800px;
}		
}	

.lala {
cursor: pointer;
}

.wrap1_col a {
cursor: pointer;
}

.zcont {
display: none;
}

.btn {
margin-bottom: 7px;
}

#netni1, #netni2 {
display: none;
}

#netni2 {
min-height: 7px;
}

.container2 button {
background: linear-gradient(180deg, #6495ED, #0000ff)  !important;	
}

.btn:focus { 
opacity: 0.7 !important;
}


.wrap11 {
  display: flex;
  flex-wrap: wrap;
  z-index: 13;
}

.wrap11_col {
  text-align: center;
  flex-basis:33%;
  z-index: 14;
  padding-top: 40px;
}


#particles-js
{
width: 100%;
z-index: 2;		    
background: transparent; 
height: 280px !important;	 
margin: -286px 0px 0px 0px;
}

@media screen and (max-width: 998px)
{
.wrap11_col
{flex-basis:90%;}
#particles-js
{
height: 480px !important;	 
margin: -490px 0px 0px 0px;
}
}

.wrap33 {
  margin-top: 100px;
  margin-bottom: 100px;
  perspective: 800px;
  perspective-origin: 50% 50%;
}

.cube33 {
  margin: auto;
  position: relative;
  height: 200px;
padding: 0;
  width: 200px;
  transform-style: preserve-3d;
}

.cube33 > div {
  position: absolute;
  box-sizing: none;
  padding: 1px;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  background-color: none;
  border: none;
  color: none;
}

.front33 canvas, .bottom33 canvas, .top33 canvas {
padding-left: 0px;
padding-top: 0px;
  opacity: 0.9;
}

.front33 {
  transform: translateZ(50px) rotateX(90deg);
}

.bottom33 {
  transform: translateZ(50px) rotateY(90deg);
}

.top33 {
  transform: translateZ(50px) rotateZ(90deg);
}

@keyframes rotate33 {
  from {
    transform: rotateX(0deg) rotateY(0deg);
  }
  
  to {
    transform: rotateX(360deg) rotateY(360deg);
  }
}

.cube33 {
  animation: rotate33 8s infinite linear;
}

  
.cube33 > div {
  transition: transform 2.8s ease-in;
}




@media screen and (min-width: 1440px) {
	
.front33 {
  transform: translateZ(100px) rotateX(90deg);
}

.bottom33 {
  transform: translateZ(100px) rotateY(90deg);
}

.top33 {
  transform: translateZ(100px) rotateZ(90deg);
}	

}

@media screen and (min-width: 1700px) {
	
.front33 {
  transform: translateZ(150px) rotateX(90deg);
}

.bottom33 {
  transform: translateZ(150px) rotateY(90deg);
}

.top33 {
  transform: translateZ(150px) rotateZ(90deg);
}	

	
}

.bar1 {
	margin-top: -20px !important;
}