@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Cinzel|Julius+Sans+One|Lato|Quicksand|Roboto:900i|Six+Caps|Tangerine&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Aladin&family=Black+Ops+One&family=Bungee+Shade&family=Cabin+Sketch&family=Caveat:wght@700&family=Dancing+Script:wght@700&family=Didact+Gothic&family=Ewert&family=Finger+Paint&family=Flavors&family=Fredericka+the+Great&family=Henny+Penny&family=Indie+Flower&family=Julius+Sans+One&family=Kalam&family=Kaushan+Script&family=Lobster&family=Londrina+Outline&family=Londrina+Shadow&family=Molle:ital@1&family=Monofett&family=Monoton&family=Montserrat&family=Mrs+Sheppards&family=Permanent+Marker&family=Poiret+One&family=Roboto&family=Sacramento&family=Six+Caps&family=Special+Elite&family=Tajawal:wght@700&family=Vast+Shadow&display=swap');

@font-face { font-family: "xilosa"; font-style: normal; font-weight: 400; src: url("https://m3rsistemas.com.br/fonts/xilosa/xilosa_.ttf") format("truetype"); } @font-face { font-family: "Clemente P Dae Light"; font-style: normal; font-weight: 400; src: url("https://m3rsistemas.com.br/fonts/clemente_pd/ClementePDae-Light.ttf") format("truetype"); } 
@font-face { font-family: "shadowed_serif"; font-style: normal; font-weight: 400; src: url("https://m3rsistemas.com.br/fonts/shadowed_serif/SHADSER.TTF") format("truetype"); } 
@font-face { font-family: "western_bang_bang"; font-style: normal; font-weight: 400; src: url("https://m3rsistemas.com.br/fonts/western_bang_bang/WesternBangBang-Regular.ttf") format("truetype"); } 
@font-face { font-family: "alpha_wood"; font-style: normal; font-weight: 400; src: url("https://m3rsistemas.com.br/fonts/alpha_wood/AlphaWood.ttf") format("truetype"); } 
@font-face { font-family: "cowboys"; font-style: normal; font-weight: 400; src: url("https://m3rsistemas.com.br/fonts/cowboys/Cowboys 2.0.otf") format("truetype"); } 
@font-face { font-family: "bandito"; font-style: normal; font-weight: 400; src: url("https://m3rsistemas.com.br/fonts/bandito/BANDITO_PERSONAL_USE.ttf") format("truetype"); } 

.flebis {
width: 100%;

	display: flex;
	align-content: center;
align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
	
}
.flebis div:nth-child(1){ width: 100%!important;

	
}
.copytext{
	width: 100%!important
}
.btnconfirm{
	
	background-color: #00FD9B;
	border: none;
	color: #fff;
	width: 250px;
	height: 60px;
	text-transform: uppercase;
	font-weight: bolder
}

		 .general-input2 {
		/*min-width: 300px!important;*/
    /*width: 480px!important;*/
    display: block!important;
    outline: 0!important;
    font-weight: 300!important;
    padding: 4px!important;
    font-size: 15px!important;
    margin-bottom: 8px!important;
    border: 1px solid #c1c1c1!important;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -ms-border-radius: 3px!important;
    -o-border-radius: 3px!important;
    border-radius: 3px!important;
    color: #760419; text-transform: lowercase;
		background-color: rgba(255,255,255,1.00)!important
}

.capsula{
	background-attachment: fixed;
	background-size: cover;
	background-position: auto;
	
}
.transp{
	
	background-color: transparent!important;
}
p,h1,h2,h3,h4,h5,h6,h7{
					
					margin: 0px!important
				}
	.bgme{
					z-index: 9998;
					background-position: center;
					background-size: cover;
					background-attachment: fixed;
					background-repeat: no-repeat;
				}
.copytext ul { list-style-type: disc outside circle; }
.copytext ol { list-style-type: disc outside circle; }
.copytext li { list-style-type: disc!important }


            .nc_grid{
				margin-top: 100px;
				margin-bottom: 100px;
				width: calc(100% / 3);
				border: transparent!important
			}  .nc_grid2{
				margin-top: 100px;
				margin-bottom: 100px;
				width: calc(100% / 2);
				border: transparent!important
			}.nc_caps{				
				width:calc(100% / 3)!important;				
			}.nc_caps .copytext{				
				padding: 10px!important				
			}.nc_caps .fotocontainer{				
				padding: 0px!important;
				width: 100%;
				min-width: 300px!important;
			}.nc_caps .fotocontainer img{				
				
				max-width:100%;
			}.nc_caps2{				
				width:calc(100% / 2)!important;				
			}.nc_caps2 .copytext{				
				padding: 25px!important				
			}.nc_caps2 .fotocontainer{				
				padding: 0px!important;
				width: 100%;
				min-width: 300px!important;
			}.nc_caps2 .fotocontainer img{				
				
				max-width:100%;
			}	@media screen and (max-width: 600px){
				
				
				.nc_grid{
				margin-top: 100px;
				margin-bottom: 100px;
				width:100%!important;
				border: transparent!important
			}.nc_caps{				
				width:100%!important;			
			}.nc_caps .copytext{				
				padding: 0px!important				
			}.nc_caps .fotocontainer{				
				padding: 10px!important;
				width: 100%;
				min-width: 300px!important;
			}.nc_caps .fotocontainer img{				
				
				
				max-width:100%;
			}.nc_caps2{				
				width:100%!important;			
			}.nc_caps2 .copytext{				
				padding: 0px!important				
			}.nc_caps2 .fotocontainer{				
				padding: 10px!important;
				width: 100%;
				min-width: 300px!important;
			}.nc_caps2 .fotocontainer img{				
				
				
				max-width:100%;
			}
				
			}
 
	.fotocontainer{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		background: transparent
	}

.tex{
			  width: 50%;
			 min-height: 300px; 
			  padding-top: 80px;
	  padding-bottom: 80px;
	  padding-right: 100px;
	  padding-left: 3px;
		  }.pic{
			  width: 50%;
			 min-height: 300px;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: contain;
		  }.fole{
			   width: 100%;
			 min-height: 300px; 
		  }
		  @media screen and (max-width: 600px){
			   .general-input2 {
		/*min-width: 300px!important;*/
    width: 280px!important;
    display: block!important;
    outline: 0!important;
    font-weight: 300!important;
    padding: 4px!important;
    font-size: 15px!important;
    margin-bottom: 8px!important;
    border: 1px solid #c1c1c1!important;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    -ms-border-radius: 3px!important;
    -o-border-radius: 3px!important;
    border-radius: 3px!important;
    color: #760419; text-transform: lowercase;
		background-color: rgba(255,255,255,1.00)!important
}
			.tex{
			  width: 100%;
			 min-height: 0px; 
			  padding-top: 20px;
	  padding-bottom: 20px;
	  padding-right: 20px;
	  padding-left: 20px;
		  }.pic{
			  width: 100%;
			 min-height: 300px;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: contain ;
			  margin: 5px;
			  
		  }.fole{
			   width: 100%;
			 min-height: 300px; 
			  background: rgba(0,0,0,0.78)
		  }  
			  
		  }


 .btnbloco{
			 width: 100%;
			
		  }
	
		  .ncrepitercard{
			  width: 100%;
			  min-height: 400px;
			  
			  padding-bottom: 30px;
			  padding-top: 30px;
			  padding-left: 50px;
			  padding-right: 50px;
		  }
		   .outcard{
			   max-width: 290px;
			   min-width: 50px;
			   height: 300px;
			   background: transparent;
			   width: 100%;
				   margin:10px;
		  }
		  .upcard{
			 width: 100%;
			  height: 50%;
			 
			
			  
		  }.upcard img{
			 width: 100%;
			
			border-radius: 0px;
			  
		  }
		    .donwcard{
				 width: 100%;
			  height: 50%;
			
				overflow-x: hidden;
				overflow-y: scroll;
				
		  }
		  
	
		.donwcard::-webkit-scrollbar-track {
    background-color: transparent;
		
	
}	.donwcard::-webkit-scrollbar-track-piece {
    background-color: transparent;
			border-radius:  10px;
	
}
.donwcard::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}
.donwcard::-webkit-scrollbar-thumb {
    background: #555;
	border-radius:  20px 
	 
			 }
	

.called{
				min-height:400px;
					
			}
			.cellphone{
				background-image: url('https://m3rsistemas.com.br/criador/caneta/imgsite/cell.png');
				width: 277px;
			
				height: 560px;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				   box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
				
			}.cellphone iframe{
				border-radius: 30px;    
   
    width: 240px;
    height: 484px;
    border: 0;
   margin-top: -63px;
				margin-left: -8px
					
				
			}.discl{
			width: 50%;
				min-width: 300px;
				min-height: 400px;
				box-sizing: border-box;
				color: #fff
				
}/* descontinuado
.copytext{
	 padding-left: 250px;
			  padding-right: 250px;
	
}*/
			
			
			@media screen and (max-width: 600px){
				
			
				
				.cellphone{
					width: 100%;
					height: 500px;
					background-image: url('https://m3rsistemas.com.br/criador/caneta/imgsite/lupulo.png');
				
					
				}
				.cellphone iframe{
					
				display: none;
					
				}
				
			}
			

		.brelogio{
			
			width: 50px;
			height: 50px;
			border: 1px red solid;
			font-weight: 500;
			
			border-radius: 0px;
			background-color: transparent;
			color: #fff;
			margin: 3px;
			flex-direction: column-reverse;
		}
		.fonta{
		
			font-size: 20px;
		}.fontadonw{
			
			
		
			font-size: 10px;
		}.priceco{
			font-weight: 900;color: green
		}
	
      
		#xabranga{
		top:0;
			position: fixed;
			width: 100%;
			min-height:  60px;
			background-color: #000;
			border-bottom: solid 1px #222;
	
			z-index: 1004;
			
			
			 transition: all ease .5s;    
			}#loguo{
				height: 60px
			}.copytext p strong{
			 font-weight: 900 
		  }
	.vplay{
			  width: 100%;
			 padding-bottom: 20px;
			 padding-top: 20px; 
		  }



@media screen and (max-width: 600px){
	.butuim{
	width: 95%;
}
	
}





.btn_white{ background-color: white!important;
	border-bottom:3px solid #eee!important; 
	color:#222!important;
}

.btn_black{ background-color: black!important; border-bottom:3px solid #222!important; color:#fff!important}
.btn_purple { background-color: #6a1b9a!important; border-bottom:3px solid #4a148c!important; color:#fff!important}  
.btn_pink{ background-color: #d81b60!important; border-bottom:3px solid #c2185b!important; color:#fff!important}

.btn_blue{ background-color: #2196f3!important; border-bottom:3px solid #1565c0!important; color:#fff!important}
.btn_green{ background-color: #00e676!important; border-bottom:3px solid #00c853!important; color:#fff!important}
.btn_yellow{ background-color: #ffeb3b!important; border-bottom:3px solid #fbc02d!important; color:#222!important}
.btn_red{ background-color: #d50000!important; border-bottom:3px solid #b71c1c!important; color:#fff!important}

.butuim:hover{
	filter: drop-shadow(0px 0px 0px rgba(212,50,50,0.25))!important;
}

.radions{
	border-radius: 0px!important;
}

img.vbox-figlio {
    max-height: 90vh;
}