body {
  margin: 0;
  padding: 0;
	background-color: #000;
	overflow-x: hidden;
}
#myVideo {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
	opacity: 0.5;
}
#myVideo1{
	display: none;
	opacity: 0.5;
	width: 100vw;
  height: 100vh;
	min-height: 100vh;
  object-fit: fill;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 750px) and (orientation: portrait) {
  #myVideo { display: none; }
  #myVideo1 { display: block; }
	.topo{
		background-size: 100% auto !important;
		height: 23px !important;
		background-repeat: no-repeat;
		background-position: top;
	}
	.fim{
		background-size: 100% auto !important;
		height: 23px !important;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	.normal2{
		height: 300px !important;
	}
}
@media  (orientation: landscape) {
  #myVideo { 
		width: 100vw;
	  
	}
  
	.topo{background-size: contain;}
	
}
img{
	/*-webkit-touch-callout: none !important; 
 	-webkit-user-select: none !important; */
	pointer-events: none;
}
/*a, button, .myelements
{
	-ms-touch-action: manipulation;	
	touch-action: manipulation;		/
	touch-action: manipulation;
}*/
.go-prev, .go-next {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}
@font-face {
    font-family: kimi;
    src: url(font/Kimikus-Regular.ttf);
}
@font-face {
    font-family: kimi2;
    src: url(font/chaney-regular-webfont.ttf);
}

.nav-item{
	font-family: kimi2;
	font-size: 15px;
}
.normaln h3 {
	font-family: kimi2;
	font-size: 25px;
}
.normaln p{
	font-family: kimi;
	font-size: 24px;
	text-align: justify;	
}
.slide {
 
  height: 100vh;
	min-height: 100vh;
  align-items: center;
	text-align: left;
	vertical-align: top;
 
  padding: 0px;
  margin: 0px;

        -webkit-touch-callout: none; /* iOS Safari                         */
          -webkit-user-select: none; /* Safari                             */
           -khtml-user-select: none; /* Konqueror HTML                     */
             -moz-user-select: none; /* Firefox in the past (old versions) */
              -ms-user-select: none; /* Internet Explorer (>=10) / Edge    */
                  user-select: none; /* Currently supported:               */
                                     /* Chrome, Opera and Firefox          */
   
	
}
.slide2 { 
	display: flex;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin: 0px;

	
}
.slide3 { 
	display: flex;
  width: 100vw;
  
  align-items: center;
  justify-content: center;
  padding: 0px;
  margin: 0px;

	
}
.hover-img {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .5s ease, transform 2s cubic-bezier(0,0,.4,1.18);
	
}

.product-image:hover .hover-img {
  opacity: 1;
  transform: scale(1.12);
}

.wrapper1 {
  display: flex;
  flex-direction:column;
  width: 100%;
  transform: rotate(90deg) translateY(-100vh);
  transform-origin: top bottom;
	
}
.wrapper {
	box-sizing: border-box;
  display: flex;
  flex-direction: row;  
  align-items: center;
	justify-content: flex-start;
  transform: rotate(90deg) translateY(-100vh);
  transform-origin: top left;
  padding-top:20vh;
	width: 145vw;
  	min-width: 145vw;
	max-width: 145vw;
  	height:100vh; 
	min-height: 0;
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#n {
	
	white-space: nowrap;    
    overflow-x: scroll;    
    -webkit-overflow-scrolling: touch;
	
}

.one1 {
	z-index: 5;
	position:relative;
  	image-size: auto 80vh;  
  	height: 80vh;
	background: url("img/nuvens.png");
	background-size: 50% auto;	
	background-repeat: repeat-x;
		
}


.one21 {
	z-index: 5;
	position:relative;
  	image-size: auto 80vh;  
  	height: 80vh;
	background-color: #000;
	background-size: 100% auto;	
	background: linear-gradient(-45deg, #000000, #6E1237,#000000, #31011f);
    background-size: 300% 100%;
    
}

.one31 {
	z-index: 0;
	position:relative;
  	image-size: auto 80vh;  
  	height: 80vh;
	background: url("img/skyclean2.png");
	background-size: 50% 50%;	
	background-repeat: repeat-x;
	
}
#n3:hover .one31{
	animation: scroll 20s linear infinite;
}	

.one41 {
	z-index: 0;
	position:relative;
  	image-size: auto 80vh;  
  	height: 80vh;
	background: url("img/skyclean2.png");
	background-size: 50% 50%;	
	background-repeat: repeat-x;
		
}
.one51 {
	z-index: 0;
	position:relative;
  	image-size: auto 80vh;  
  	height: 80vh;
		
}
#n4:hover .one41{
	animation: scroll 20s linear infinite;
}

#n1:active .one2{
	opacity:1;	
	
}
#n1:active .sp2{
	opacity:1;
	transition-property: opacity;
	transition: 1s;
	transition-timing-function: linear;
	transition-delay: 2s;
}

#n:hover{
	cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M380.436,210.876h-1.274c-16.168,0-29.275,13.107-29.275,29.275c0-16.168-13.106-29.275-29.275-29.275h-1.274c-16.169,0-29.275,13.107-29.275,29.275c0-16.168-13.106-29.275-29.275-29.275h-1.274c-16.141,0-29.229,13.063-29.273,29.192v-82.597c0-16.173-13.113-29.275-29.275-29.275h-1.276c-16.173,0-29.275,13.102-29.275,29.275v121.126v27.138c0,0-29.234,29.898-29.566,59.505c-0.01,0.145-0.01,0.301-0.01,0.446c0,29.742,23.87,54.847,23.87,54.847L209.845,512h22.985h142.997l26.277-65.013c0,0,7.604-22.128,7.604-46.33c0-7.614,0-22.512,0-39.359h0.002V240.151C409.711,223.983,396.604,210.876,380.436,210.876z"/></g></g><g>	<g><rect x="184.099" width="31.122" height="68.157"/></g></g><g><g><rect x="115.225" y="21.778" transform="matrix(0.9064 -0.4223 0.4223 0.9064 -11.3533 60.4588)" width="31.12" height="68.153"/>	</g></g><g>	<g><rect x="233.564" y="40.296" transform="matrix(0.4223 -0.9064 0.9064 0.4223 103.9793 274.8686)" width="68.153" height="31.12"/></g></g></svg>'), auto;
}
#n:active{
	cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 50 50"><path d="M24.5,27c-0.276,0-0.5,0.224-0.5,0.5c0,0.155,0,6.843,0,7c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5c0-0.157,0-6.845,0-7	C25,27.224,24.776,27,24.5,27z M28.5,27c-0.276,0-0.5,0.224-0.5,0.5c0,0.155,0,6.843,0,7c0,0.276,0.224,0.5,0.5,0.5	s0.5-0.224,0.5-0.5c0-0.157,0-6.845,0-7C29,27.224,28.776,27,28.5,27z M32.5,27c-0.276,0-0.5,0.224-0.5,0.5c0,0.155,0,6.843,0,7	c0,0.276,0.224,0.5,0.5,0.5s0.5-0.224,0.5-0.5c0-0.157,0-6.845,0-7C33,27.224,32.776,27,32.5,27z M38.691,18.047	c1.738,0.7,2.309,2.458,2.309,3.735c0,0.579-0.003,3.002-0.003,3.652c0,8.37-4.128,8.532-4.128,12.906	c0,1.16,0.282,2.435,0.027,2.829C36.641,41.563,35.591,42,34.4,42c-0.092,0-1.419,0-1.52,0c-2.18,0-3.372-2.146-3.372-2.146	S28.01,42,26.543,42c-0.681,0-5.412,0-6.518,0c-0.268,0-0.968-0.065-1.382-0.703c-0.415-0.638,0.155-2.086-0.213-2.562	c-0.929-1.205-3.883-4.445-4.716-6.343C11.219,26.701,8,24.876,8,22.889c0-2.55,1.302-3.281,2.843-3.281	c2.785,0,5.825,3.925,5.825,3.925s-2.202-9.356-2.451-10.836c-0.525-3.125-0.035-5.463,2.001-5.845	c2.329-0.437,3.656,2.187,4.657,4.633c0.607,1.483,1.892,5.094,1.892,5.094s1.501-1.256,3.196-1.065	c2.082,0.235,2.948,1.63,2.948,1.63s1.29-1.16,3.137-0.987c2.412,0.227,3.245,2.235,3.245,2.235S36.777,17.275,38.691,18.047z"></path></svg>'), auto;
}




#n1:hover .one1{
	animation: scroll 40s linear infinite;
	overflow: hidden;
	
	
}
#n1:hover .tree{
	transition: 1s;	
	animation: til 20s linear infinite;
}

#n2:hover .one21{
	animation: gradient 20s ease infinite;
}

#n2:active .one22{
	opacity:1;
}

#n3:active .one32{
	opacity:1;
}

#n4:active .sp42{
	opacity:1;
	transition-property: opacity;
	transition: 1s;
	transition-timing-function: linear;
	transition-delay: 0s;
	
}

#n5:active .sp52{
	opacity:1;
	transition-property: opacity;
	transition: 1s;
	transition-timing-function: linear;
	transition-delay: 0s;
	
}


#n2:active .sp22{
	opacity:0;	
	animation: mymove 4s infinite;	
}

#n3:active .sp32{
	opacity:1;
	transition-property: opacity;
	transition: 1s;
	transition-timing-function: linear;
	transition-delay: 2s;
	
}


@keyframes mymove {
	40% {opacity: 0;}
	50% {opacity: 1;}
	90% {opacity: 1;}
}

.one2 {
	opacity:0;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:0px;
	transition-delay: 0s;
	transition: 1s;
	transition-timing-function: linear;
	z-index: 15;
}
.sp2 {
	opacity:0;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:0px;
	z-index: 20;
	
}

#n2:hover .mov{
	animation: til3 2.5s ease infinite;
}

.mov {
	z-index: 10;
	opacity:1;
  	height: 80vh; 
	position:absolute;
	top:10vh;
	left:56.5vh;
	z-index: 15;	
}

#n2:hover .arv{
	animation: til2 13s linear infinite;
}
.arv {
	z-index: 10;
	opacity:1;
  	height: 80vh; 
	position:absolute;
	top:10vh;
	left:56.5vh;
	transition-delay: 0s;
	transition: 1s;		
	
}
.tree {
	z-index: 9;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:0px;
	transition-delay: 0s;

	
}
.cab2 {
	z-index: 12;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:56.5vh;	
}
#n2:active .cab2{
	animation: vertical-shaking2 3s ease infinite; 
	transform-origin: top right;
}
@keyframes vertical-shaking2 {
 0% { transform: skewX(10px); }
  40% { transform: rotate(0.5deg) ; }
  60% { transform: rotate(0deg) ; }
  70% { transform: rotate(-0.3deg); }
  80% { transform: rotate(0deg); }
  84% { transform: skewY(0.3deg); }
  90% { transform: skewY(0deg); }
  98% { transform: skewY(-0.3deg); }
  100% { transform: skewY(0deg); } 
}
.cab1 {
	z-index: 12;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:0px;	
}
#n1:active .cab1{
	animation: vertical-shaking 3s ease infinite; 
	transform-origin: top right;
}

@keyframes vertical-shaking {
 0% { transform: skewX(10px); }
  40% { transform: rotate(0.3deg) ; }
  60% { transform: rotate(0deg) ; }
  70% { transform: rotate(-0.1deg); }
  80% { transform: rotate(0deg); }
  84% { transform: skewY(0.1deg); }
  90% { transform: skewY(0deg); }
  98% { transform: skewY(-0.1deg); }
  100% { transform: skewY(0deg); } 
}

.braco {
	z-index: 10;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:0px;
	transition-delay: 0s;
	
}
#n1:hover .braco{
	transition: 1s;	
	
  	transform-origin: 100% 40%;
  
  	animation: left_arm 10s ease-in-out infinite;  
}

@keyframes left_arm {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(2deg);
  }
  15% {
    transform: rotate(-4deg);
  }
  20% {
    transform: rotate(2deg);
  }
  25% {
    transform: rotate(-3deg);
  }
  30% {
    transform: rotate(2deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  40% {
    transform: rotate(2deg);
  }
  45% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(4deg);
  }
  58% {
    transform: rotate(-2deg);
  }
  62% {
    transform: rotate(0deg);
  }
}

.tree3 {
	z-index: 5;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:113vh;
	transition-delay: 0s;
	transition: 1s;	
	
}
#n3:hover .tree3{
	animation: til4 10s linear infinite;
}
.cordas {
	z-index: 4;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:113vh;	
	
	
}
#n3:hover .cordas{
	animation: horizontal-shaking 2s linear infinite;
}
@keyframes horizontal-shaking {
 0%,25% { transform: translateX(0) }
 25% { transform: translateX(1px) }
 50% { transform: translateX(-1px) }
 75% { transform: translateX(1px) }
 100% { transform: translateX(0) }
}
.frame2 {
	z-index: 15;
	opacity: 1;
	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:113vh;
}
.frame4 {
	z-index: 10;
	opacity: 1;
	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:169.75vh;
}
.pers {
	z-index: 10;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:113vh;
	
		
}

#n3:hover .pers{
	animation: til 5s linear infinite;
}


.glow {
	z-index: 20;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:226.5vh;		
	transform: scale(0);
	
}
#n5:hover .glow{
	transition-delay: 2s;
	animation: escala2 15s linear, 65s roda 15s linear infinite ;
	
}

@keyframes escala2 {
	0%,30%{
		transform: scale(0);opacity:0;
	}
	30%,80%{
		transform: scale(1.2);opacity:1;
	}
	80%,100%{
		transform: scale(1);opacity:0.8;
	}
	
}
@keyframes roda{
    0% { -webkit-transform:rotate(0deg); opacity:0.4;  }
	15% { -webkit-transform:rotate(90deg); opacity:1;}
	50% { -webkit-transform:rotate(180deg); opacity:0.4;}
	75% { -webkit-transform:rotate(270deg); opacity:1;}
	100% { -webkit-transform:rotate(360deg); opacity:0.4; }
}


.p5tree {
	z-index: 10;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:226.5vh;			
}
#n5:hover .p5tree{
	animation: til2 23s linear infinite;
}
.nos {
	z-index: 20;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:226.5vh;			
}
.p5hands {
	z-index: 22;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:226.5vh;		
	transform-origin: center center;
}
#n5:hover .p5hands{
	animation: til5 5s linear infinite;
	transform-origin: center center;

}

@keyframes til5 {
   0% { transform: skewx(0deg); }
  25% { transform: skewx(5deg); }
  50% { transform: skewx(0deg); }
  75% { transform: skewx(-10deg); }
  100% { transform: skewx(0deg); }

  
}

.p5heads {
	z-index: 22;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:226.5vh;		
	transform-origin: center center;
}
#n5:hover .p5heads{
	animation: vertical-shaking 3s ease infinite; 
	transform-origin: top right;

}

.tele {
	z-index: 14;
	
	opacity:1;
  	image-size: auto 0vh;  
  	height: 80vh;	
	position:absolute;
	transform:scale(0);
	top:10vh;
	left:169.75vh;	
		
}
#n4:active .tele{
	transition-delay: 2s;
	animation: escala 5s linear infinite;
}
@keyframes escala {
	0%,50%{
		transform: scale(0);
	}
	50%,60%{
		transform: scale(1);
	}
	60%,90%{
		transform: scale(1);
	}
	90%,100%{
		transform: scale(0);
	}
  	
}

.p4tree {
	z-index: 9;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:169.75vh;	
	transform-origin: center bottom;
		
}

#n4:hover .p4tree{
	animation: til2 13s linear infinite;
}
.head {
	z-index: 9;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:169.75vh;	
	transform-origin: center bottom;
		
}

#n4:hover .head{
	animation: shakeh 4s linear infinite;
}

@keyframes shakeh {
  10%, 90% {
    transform: translate3d(0,-2px, 0) rotateX(5deg);
  }
  
  20%, 80% {
    transform: translate3d(0,2px, 0) rotateX(0deg);
  }

  30%, 50%, 70% {
    transform: translate3d(0,-2px, 0) rotateX(-5deg);
  }

  40%, 60% {
    transform: translate3d(0,2px, 0) rotateX(0deg);
  }
}

@keyframes shakeh2 {
  10%, 90% {
    transform: rotate(2deg);
  }
  
  20%, 80% {
    transform: rotate(0deg);
  }

  30%, 50%, 70% {
    transform: rotate(-2deg);
  }

  40%, 60% {
    transform: rotate(0deg);
  }
}
.mig {
	z-index: 8;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:169.75vh;	
		
}

#n4:hover .mig{
	animation: horizontal-shaking 2s linear infinite;
}

.pers4 {
	z-index: 15;
	opacity:1;
  	image-size: auto 80vh;  
  	height: 80vh;	
	position:absolute;
	top:10vh;
	left:169.75vh;	
		
}
#n4:active .pers4{
	animation: rotateOnY 5s linear infinite;
}

@-webkit-keyframes rotateOnY {
	0%, 10%{
		transform: rotateY(0deg);
	}
  	10%, 50% {
    		-webkit-transform: rotateY(30deg) scale(1.05);
            transform: rotateY(30deg) scale(1.05);
			
		
  	}
	70%,90% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  	}
	90%, 100%{
		transform: rotateY(0deg);
	}
}
.one32 {
	opacity:0;
  	image-size: auto 80vh;  
  	height: 80vh;
	position:absolute;
	top:10vh;
	left:113vh;
	transition-delay: 0s;
	transition: 1s;
	transition-timing-function: linear;
	z-index: 35;
}
@keyframes tilt-shaking {
  0%,25% { transform: rotate(0deg); }
  25% { transform: rotate(2deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}
@keyframes til4 {
   0% { transform: rotate(0deg); }
  25% { transform: rotate(2deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }

  
}
@keyframes til3 {
	0%, 25%{
		transform: skewX(0);
	}

   25% {
		transform: skewX(-1.5deg);
	  	
  }
  
  50% {
		transform: skewX(0deg);
	  
	  
  }

  75% {
    transform: skewX(1.5deg);;
  }

  75%, 100% {
    transform: skewX(0);
  }
}
@keyframes til {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, -2px, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-2px, 2px, 0);
  }

  40%, 60% {
    transform: translate3d(2px, 0, 1px);
  }
}

@keyframes til2 {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, -2px, 0);
  }

  30%, 50%, 70% {
    	transform: translate3d(-2px, 2px, 0);
	 	transform: skew(2px, 2px);
  }

  40%, 60% {
    transform: translate3d(2px, 0, 1px);
  }
	90%, 100%{
		transform: translate3d(0, 0, 0);
	}
}
.sp22 {
	opacity:0;
  	image-size: auto 80vh;  
  	height: 80vh;
	position:absolute;
	top:10vh;
	left:56.5vh;
	z-index: 15;
	
}

.sp32 {
	opacity:0;
  	image-size: auto 80vh;  
  	height: 80vh;
	position:absolute;
	top:10vh;
	left:113vh;
	z-index: 15;
	
}
.sp42 {
	opacity:0;
  	image-size: auto 80vh;  
  	height: 80vh;
	position:absolute;
	top:10vh;
	left:169.75vh;
	z-index: 20;
	
}

.sp52 {
	opacity:0;
  	image-size: auto 80vh;  
  	height: 80vh;
	position:absolute;
	top:10vh;
	left:226.5vh;
	z-index: 25;
	
}
.one22 {
	opacity:0;
  	image-size: auto 80vh;  
  	height: 80vh;
	position:absolute;
	top:10vh;
	left:56.5vh;
	transition-delay: 0s;
	transition: 1s;
	transition-timing-function: linear;
	z-index: 15;
}


.one {
	
  	image-size: auto 80vh;  
  	height: 80vh;
	background-size: 50% auto;	
	background-repeat: repeat-x;
	animation: scroll 40s linear infinite;
}


@keyframes scroll {
  100% {
		background-position: 100% 0;
	}
}

.oneback{	
	background: url("img/skyclean.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	
}
.twoback{	
	
	background-color: black;		
	background-repeat: no-repeat;		
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}



.outer-wrapper {
	opacity:1;
	box-sizing:border-box;
	background-color:#0D0D0D ;
  width: 100vh;
  height: 100vw;
  transform: rotate(-90deg) translateX(-100vh);
  transform-origin: top left;
  overflow-y: scroll;
  overflow-x: scroll;
  position: absolute;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.outer-wrapper::-webkit-scrollbar {
  display:none;
}
.wrapper::-webkit-scrollbar {
  display:none;
}
.normal {
	display: flex;
	box-sizing:border-box;
  	width: 100vw;
  	height: 100vh;
 
}

.normaln {
	display: flex;	
  	width: 100vw;
  	min-height: 100vh;
	background-color: #0D0D0D;
		
 	
}
.normalquebra {
	display: flex;	
  	flex-direction: column;
  	justify-content: space-between;
	border: 0px;
  	width: 100vw;
  	min-height: 60vh;
}
.topo{
	width: 100vw;
  	height: 60px;
	
	background-size: cover;
	margin: 0px;
	padding: 0px;
} 
.fim{
	margin-top: auto;
	width: 100vw;
  	height: 60px;
	
	background-size: cover;
	margin: 0px;
	padding: 0px;
	border-bottom: 3px solid #0D0D0D;
} 
.normal2 {
	display: flex;
	box-sizing:border-box;
  	width: 100vw;
  	height: 200px;
	padding: 50px;	
 	background-color: #0D0D0D;
	color: #686666;
}
.normal2 a{
	color: #E4E3D7;
	text-decoration: none;
}
.normal2 a:hover{
	color: #D1C731;
}
.normaln a{
	color: #E4E3D7;
	text-decoration: none;
}
.normaln a:hover{
	color: #D1C731;
}
.outer-wrapperN {
	box-sizing:border-box;
  width: 100vw;
  height: 100vh;
  background-image: url(img/back2.jpg);
  background-repeat:no-repeat;
	background-position: center center;
  background-size:cover;
  opacity:0.6;
  
}
.outer-wrapperE {
	box-sizing:border-box;
  width: 100vw;
  height: 100vh;
  background-color:#000;  
	 user-select: none; 
}



@media only screen   
  and (max-device-width: 1024px) 
  and (orientation: portrait)   
{
	  
	.outer-wrapperN {
		background-image: url(img/backM.jpg);
		background-position: center center;
	}

}

::-webkit-scrollbar {
  width: 10px;
	background-color: rgba(0,0,0,0.4); 
}

/* Track */
::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.4); 
	
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}