@charset "utf-8";
/* CSS Document */
/* barra de criação de elementos do controlador*/

/*var(--theme_color_03)*/


.hltex{
	display: inline-block;
	background-image: linear-gradient(90deg, var(--theme_color_01) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	padding: 0.2em 0.2em;
	


	white-space: nowrap; /* Evita quebra de linha no texto */
	
}.hltex2{
	display: inline-block;
	background-image: linear-gradient(90deg, var(--theme_color_01) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	padding: 0.2em 0.2em;
	


	white-space: nowrap; /* Evita quebra de linha no texto */
	
}

.txt_reval{   

	background: linear-gradient(
	  to right,
	  var(--theme_color_03) 50%,
	  rgb(184, 184, 184) 50%
	 
	);
	background-size: 200% 100%;
	background-position-x: 100%;
	color: transparent!important;
	background-clip: text!important;
	-webkit-background-clip: text;
   
  
  
  
  }




m3r{
	width: 100%!important;
}

.vslmode05{
	display: none!important;
	
}
.vslmode10{
	display: none!important;
	
}

.vslmode15{
	display: none!important;
	
}
.vslmode20{
	display: none!important;
	
} 

.centralizado-com-width-80 {
    width: 90% !important;
 
  left: 50%;
  transform: translate(-50%, -50%)!important;
position: relative!important;
z-index: 99998!important;
margin-top:89px!important;


transition: all ease 0s;

}
.modcentralize{


position: absolute;


	
}

.animationin{

	animation: slideIn 0.4s cubic-bezier(0.4, 0.0, 0.2, 1)!important;

}

@keyframes slideIn {
	from {
	top: -100%;

	}
	to {
	  top: 0;
	}
  }

.cardola{

	min-width: 300px;
		
	}
	@media screen and (max-width: 600px){ 
		.cardola{
	
			min-width: 350px;
			width:95%
				
			}
	
	}

.tox-edit-area__iframe{
	list-style-type: inherit!important;

}
strong {
    font-weight: bold!important;
}

ul, li {

	list-style-type: inherit!important;
}

nav ul, .menumobile  {

	list-style-type: none!important;
}
.lambdaform input{
    width: 300px!important; 
    border: 1px #222 solid!important;
    padding-left: 5px!important;
}.lambdaform button{
    width: 300px!important; 
    border: 0.5px #222 solid!important;
    padding-left: 5px!important;
   
}

.lefsidbtn{
    
   width: 20% 
}
.rigsidbtn{
   width: 60%;
    flex-direction: column;
    justify-content: flex-start!important;
    align-content: flex-start!important;
    align-items: flex-start!important;
    
}

.imageonliu{
    
    /*max-width: 300px!important;*/
    min-width: 300px!important;
    margin-left: 15px
    
}.texonliu{
    /*max-width: 300px!important;*/
    min-width: 300px!important;
    min-height: 120px!important;
    padding: 5px;
}

 .clpsfaq{
    
    width: 100%;
    max-width: 700px!important;
}
.impform{
    width: 70vw!important;
    min-width: 300px!important;
    text-transform: lowercase!important;
}.inporbtn{
    
    width: 300px!important;
    height: 60px!important;
     text-transform: uppercase;
}


.insta-text{
    
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
          /* Also define standard property for compatibility */
          background-clip: text;
  -webkit-text-fill-color: transparent;
  
 
}


.section {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
	.videocontent{
		  position: absolute;
 
  left: 0;

  width: 100%;

 max-height: 100vh;
 
		
	}


.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
	height: 100vh;
      z-index: -150!important;
	

}.video-container video {
object-fit: cover;
	
	width: 100%;
	height: 100vh!important;
	
  z-index: -150!important;
	
}

.color-overlay {
  position: absolute;
  top: 0;
  left: 0;
 
  width: 100%;
  height: 100vh!important;
  opacity: 0.5;
}
td,tr{
    
    background-color: transparent!important;
}

.textopdfdamae{
    display: none;
}
.appendbtnnew{
           width: 40px;
          height: 40px;
          border-radius: 60px;
          background: green;
          cursor: pointer;
    margin: 5px
      } .removebtn{
          width: 40px;
          height: 40px;
          border-radius: 60px;
          background: red;
          cursor: pointer
      } .removebtnall{
           width: 40px;
          height: 40px;
          border-radius: 60px;
          background: red;
          cursor: pointer;
          margin: 5px
      }.gridbtnappend{
          
          
      } .gridbtntitulo{
          padding: 20px;
          border-bottom: rgba(255,255,255,1.00)
          
      } .gridbtnlista{
          
          width: 100%;
      } .removegrid{
          
          height: 100%;
          
      }  .formgridbtn{
            width: 65%!important;
          height: 100%;
      } .gridsuperiorbtn{
          
          min-width: 125px;
      }
  .menueco{
            
             width: 100%;
             min-height: 50px;
             
             
        }.logoeco{
            
           width: 100%;
            min-height:  50%;
            align-content: center;
            align-items: center;
            
        }.logoeco img{
            padding-top: 15px;
              margin-bottom: 5px;
            width: 132px!important;
            
        }.botoeseco{
            
              width: 100%;
            min-height:  100%;
            align-content: center;
            align-items: center;
              justify-content: center!important;
            
        }.btneco{
            display: flex!important;
             min-width:  100px!important;
          height:50px!important;
          align-content: center!important;
            align-items: center!important;
            justify-content: center!important;
            margin-left: 10px;
            margin-right: 10px;
           
           text-transform: uppercase!important;
            user-select: none!important
            ; font-weight: 650!important    
        }

.allcod{
  	position: fixed;
		bottom: 200px!important;
	left: 10px!important;
	width: 40px;
	height: 40px!important;
	background-color: #009BFF;  
    border-radius: 40px;
    cursor: pointer;
    
    
}




input{
   border:1px solid #eee!important; 
}

.expendretri{
	
border: 1px solid #fff;
		background: transparent;
}.expendretri:hover{
	
border: 1px solid #fff;
		background: transparent;
}.expendretri:link{
	
border: 1px solid #fff;
		background: transparent;
}
.swal-button{
	border-radius: 20px!important;

}
.liximg{
	
	position: relative;
	margin-top: -60px;
	margin-right: -60px;
	
	cursor: pointer;
	background: #222;
	border-radius: 30px
}

.texframi{
	color:#fff;
	width: 290px;
	height: 290px;
}
.textaiframe{
	font-size: 25px;
	
}
.card-content p{
	color:#878787!important
}
.card{
	background-color: transparent
}
.texar,.texara{
	
	min-height: 200px;
width: 200px!important;
}
.none{display:none}
.cardsitensbtn{
	height: 100px;
	width: 90%;
	background-color: transparent!important;
	margin: 5px;
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	margin-left: 15px;
	
}
.tabs .tab a{
	padding-left: 0px!important;
	padding-right: 0px!important;
	padding: 0!important
}
.divop{
	
	align-content: center;
	align-items: center;
}
.colortextm{
	width: 90%;
	height: 60px;
}
.transp{
	background: transparent!important;
}.scrolltopo{
	position: fixed;
	top:0;
	right: 0;
	width: 70px;
	height: 30px;
	font-size: 15px;
	border-radius: 10px;
	background: #0A81CC;
	z-index: 999999;
	color: #fff;
	display: flex;
	justify-content: center;
	align-content: center
	
}
.bodyconfig{
		position: fixed;
		bottom: 105px!important;
	left: 10px!important;
	width: 70px;
	height: 40px!important;
	background-color: #009BFF;
	
	color:#fff;
	
	background-repeat: no-repeat;
	background-size: 30px!important;
	background-position: center;
	z-index: 99999;
	border-radius: 70px!important
	}

.bcht{
	height: 50px;
	width: 50px;
	margin: 5px;
	cursor: pointer;
	border: 1px solid #fff
}
        .lemp{
			  height: 100%;
			  width: 1px;
		  border-left: 2px dashed #5F5F5F;
			  position: fixed;
			  z-index: 998;
			  top:0;
			  left: 5%;
		  }.remp{
			  height: 100%;
			  width: 1px;
		  border-right: 2px dashed #5F5F5F;
			  position: fixed;
			  z-index: 998;
			  top:0;
			  right: 5%;
		  }.temp{
			  height: 1px;
			  width: 100vw;
		  border-bottom: 2px dashed #5F5F5F;
			  position: fixed;
			  z-index: 998;
			  left:0;
			  top: 10%;
		  }.bemp{
			  height: 1px;
			  width: 100vw;
		  border-bottom: 2px dashed #5F5F5F;
			  position: fixed;
			  z-index: 998;
			  left:0;
			  bottom: 10%;
		  }
.swal-overlay {
		z-index: 99999
	
}.descricao{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 130px;
	height: 130px;
	margin: 4px;
	cursor: pointer;
}.descricao img{
	width: 130px;
	height: 130px
}.descricao:hover{
	transition: all ease 0.5s;
	transform: scale(1.2)
}

.bmenu{
	flex-wrap: nowrap;
		-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 5px;
		transition: all ease 0.2s;
    border-radius: 60px!important;
}.bmenu:hover{

	background: #00A1AF;
}
.editorview{
	display: none	
}
.blolt{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 50px;
	height: 50px;
	background: linear-gradient(#fff, #eee, #fff);
	border-radius: 40px;
	margin: 5px;
	cursor: pointer
}
.controlein{
	position: fixed;
	bottom:20px;
	right: -30px;
height: 70px;
	background:#009BFF;
	padding-right: 30px;
	border-radius: 30px;
	
		min-width: 250px;
	z-index: 99999;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.creatorcontrol {
	display: flex;
	height: 60px;
	
	width: 100px;
	border-radius: 10px;
	background: linear-gradient(#eee, transparent, #eee);
	border: solid 1px #eee;
	justify-content: center
}

.creatorcontrolpai {
	position: fixed;
	top: 20px;
	right: 20px;
height: 60px;
	width: 100px;
}

.creatorcontrol div {
	display: flex;
	height: 60px;
	width: 60px;
	align-content: center;
	align-items: center;
	margin: 2px;
	justify-content: center;
	color: #333;
	cursor: pointer;
	transition: all ease .4s;
	z-index: 999999
}


.additem {
	min-height: 70px;
	width: 100%;
	z-index: 99998
	
}

.additem i {
	font-size: 60px;
	color: #0A81CC;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.menudeescolhas {
	border: solid 1px #222;
	position: fixed;
	left: 0;
	top: 0;
	background: #222;
	height: 100vh;
	width: 0;
	z-index: 9999999!important;
	align-content: flex-start;
	align-items: flex-start;
	padding-top: 10px;
	overflow-y: scroll!important;
	
}	.menudeescolhas::-webkit-scrollbar-track {
    background-color: #2c3e50;
		
	
}	.menudeescolhas::-webkit-scrollbar-track-piece {
    background-color: #92AAC2;
			border-radius:  10px;
	
}
.menudeescolhas::-webkit-scrollbar {
    width: 9px;
    background: #30336b;
}
.menudeescolhas::-webkit-scrollbar-thumb {
    background: #006990;
	border-radius:  1px ;
		-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
	 
			 }



.titulobox{
	height: 60px;
	width: 100%;
	justify-content: flex-start;padding-left: 15px;
	color:#fff
}.fecharmenu{
	
	height: 50px;
	width: 50px;
	border-radius: 50px;
	border: solid 1px #222;
	position: fixed;
	bottom: 20px;
	left: 10px;
	background: #fff;
	z-index: 9999999999!important;
	cursor: pointer
}.cardsitens{
	
	height: 125px;
	width: 300px;
	background-color: #fff!important;
	margin: 5px;
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	
	
}.capsula{
	width: 100%
}.frameway {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-height: 100vh;
	border:0px;

	
}

		body::-webkit-scrollbar-track {
    background-color: #2c3e50;
		
	
}	body::-webkit-scrollbar-track-piece {
    background-color: #92AAC2;
			border-radius:  10px;
	
}
body::-webkit-scrollbar {
    width: 9px;
    background: #30336b;
}
body::-webkit-scrollbar-thumb {
    background: #006990;
	border-radius:  1px 
	 
			 }
nav{
	top:0px;

}	.corp{
				position: absolute;
				background-color: rgba(0,163,255,0.13);
				padding: 5px;
				border: #1225F7 3px dotted;
			z-index: 99998;
	display: flex;
	align-content: flex-end;
	align-items: center
			
					
				
				
			}.botzin{
			/*position: fixed;
				top: 0px;
				left: 0;*/
		
				width:100%;
				height: 60px; 
			justify-content: center;
				color: #222;
			
			
		
				
			
			 }.bbotzin{
				min-width: 35px;
				 height: 35px;
				 background-color: #fff;
				 border-radius: 40px;
				 cursor: pointer;
				 padding-left: 15px;
				 	 padding-right: 15px;
				 margin: 5px;
			 }.controlerrepit{
					display: none;
					position: absolute;
					width: 100px;
					height: 60px;
					background: linear-gradient(#eee, #fff);
					border:1px #222 solid;
					border-radius: 60px;
					
				}

.initialcss{
	height: 300px!important;
	
	display: flex;
	align-content: center;
	align-items: center;

	margin: 0px;
	flex-wrap: wrap;
	max-width: 100%;
	min-height: 300px!important;
	
	
}	@media screen and (max-width: 400px){ 
.initialcss{


	display: flex;
	align-content: center;
	align-items: center;

	margin: 0px;
	flex-wrap: wrap;
	max-width: 100vw!important;
	min-width: 10px!important;
	min-height: 300px!important;
	width: 100vw!important;
		
	
	
}.m3rbrangind{
	bottom: 25px!important;
	left: 10px!important;
	width: 60px!important;
	height: 60px!important;
	
	
	background-image: url('../editor/img/ab.png')!important;
	background-repeat: no-repeat;
	background-size: 30px!important;
	background-position: center;
	z-index: 99999;
	border-radius: 70px!important
	}
	
	
	.inisentence{
		
		max-width: 100vw!important;
	min-width: 10px!important;

	width: 100vw!important;
	}

}



.initialcss .additem i:first-of-type{ 
	font-size: 70px;
	
	
}.m3rbrangind{
	
	position: fixed;
	bottom: 20px;
	left: 0px;
	width: 120px;
	height: 70px;
	background-color: #009BFF;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	background-image: url('https://m3rsistemas.com.br/logom3r2.png');
	background-repeat: no-repeat;
	background-size: 100px;
	background-position: center;
	z-index: 99999
}.swal-content canvas{
	
	width: 200px!important;
	height: auto!important
}input[type=range]::-webkit-slider-thumb {
    background-color: #eee;
	  width: 20px!important;
	  height: 20px!important;
	  border: solid 1px #8B8B8B!important;
  }
  input[type=range]::-moz-range-thumb {
    background-color: #eee;
	  	  width: 20px!important;
	  height: 20px!important;
	   border: solid 1px #8B8B8B!important;
  }
  input[type=range]::-ms-thumb {
    background-color: #eee;
	  	  width: 20px!important;
	  height: 20px!important;
	   border: solid 1px #8B8B8B!important;
  }

  /***** These are to edit the thumb and the text inside the thumb *****/
  input[type=range] + .thumb {
    background-color: #1e3799;
  }
  input[type=range] + .thumb.active .value {
    color: #fff;
  }

/*<!-- BEM VINDO AO NEWCLASS -->*/

.tox-statusbar {
    display: none!important
}

.tox-swatches-menu {
    z-index: 99999999!important;
}

.tox-silver-sink {
    z-index: 99999999!important;
}

.tox .tox-menu {
    max-width: 200px!important;
    /*left: 50px!important;*/
    z-index: 99999999!important;
}

 

#ulala {
    z-index: 899999!important
}
.tox-collection {}
.tox-collection--list {}
.tox-selected-menu {}

/*frome*/
.tox-edit-area__iframe {
     min-width: 600px!important;
    height: 500px!important;

    padding: 0px!important;
    z-index: 99999!important;
	
}.tox-fechado{
	    transform: scale(0.48);
	 margin-top: -130px!important;
    margin-left: -155px!important;
	
}.tox-aberto{
	    transform: scale(1.0);
	 margin-top: 0px!important;
    margin-left: 0px!important;
	
}
.tox-edit-area__iframe strong {
    font-weight: 900!important;
}

.tox-icon svg {
    fill: #fff!important;
}
.tox-toolbar {
    background-color: #222!important;
}.tox-mbtn__select-label{
	    color: #fff!important
}
.tox-tbtn__select-label {
    color: #fff!important
}
.tox-tinymce {
    border: none!important;
}
.tox .tox-toolbar__group:not(:last-of-type) {
    border: none!important;
}
.tox-tinymce {
    max-height: 670px!important;
}.tox-menubar{
	background-color: #222!important;
}.pickr{
		width: 250px!important;
		}.pcr-button{
			width: 250px!important;
			height: 60px!important;
			left:20px!important;
		}
		.pcr-app{
			position: fixed;
			z-index: 9999999!important;
				width: 250px!important;
			background: #222!important;
			top:250px!important;
			left:20px!important;
		
		}.pcr-save{
				width: 250px!important;
			height: 60px!important;
			font-size: 20px!important;
}.templates{
	width: 300px;
	height: 270px;
	display: flex;
	align-content: center;
	align-items: center;
	font-size: 25px;
	justify-content: center;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	color: #fff;
	transition:  all ease 0.2s;
	cursor: pointer;
	border-radius: 10px;
}.templates:hover{
	
		background-position: bottom;
	transition:  all ease 2s;
}


/*dropfy*/
.dropify-wrapper {
	height: 230px!important; 
	background-color: transparent!important;
	color: #fff!important;
			border:none!important;
}

.portadropify{
			
			
				width: 270px;
				height: 230px; 
					z-index:9999;
				background-color: #222;
	border:dashed 2px #eee;
	border-radius: 10px
			
			}  #fileo1{
				  
				  min-height: 290px!important;
				background: #222!important
			  }
			  
			  .dropify-wrapper.touch-fallback {
				  
				  min-height: 100%!important
				  
			  }
		  
		  @media screen and (max-width: 800px){
               .clpsfaq{
    
    width: 100%;
    max-width: 400px!important;
}
			  #fileo1{
				  
				  min-height: 230px!important
			  }
			  
			  .dropify-wrapper.touch-fallback {
				  
				  min-height: 230px!important
				  
			  }.dropify-wrapper.touch-fallback .dropify-message{
				  padding-top: 50%;
				  font-size: 20px!important
			  }
		  
			.portadropify{
			/*
				position: fixed;
				top: 0px;
				left: 0px;*/
				width: 270px;
				height: 230px;
					z-index:9999;
				
			
			}
		  
		  
		  }
		  
		  
		  
	  .tituloeditor{
		  position: fixed;
		  width: 250px;
		  left:0;
		  top:0;
		  background-color: #222;
		  height: 60px;
			  
			} .pdfdamae{
				
				width: 90px;
				height: 90px;
				border-radius: 0px;
				border: 1px solid #333;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				
				color: #222;
				
				
					; margin-top: 20px;
				
					
}.pdfdamae:hover{
		
	transform: scale(1.1);

}.row .col{
	padding: 0px;
	
}.material-placeholder{
	width: 100%!important;
	display: flex;
	justify-content: center
}.capsularow{
			  
   height: 60px
} .separate{
	width: 100vw;
}

.container .section .row div div div .card{
   
    background: rgba(0,0,0,0.00)!important;
        box-shadow: none!important;
    margin: 5px!important;
    min-width: 200px!important
            
            
    
}

@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,900,700italic,700,600italic,600,400italic);


/**/


.paterntime{
	font-family: Roboto, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.paterntime div {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    font-weight: 500;
    
    
    line-height: 1;
   align-items: center;
    font-size: 40px;
    border-radius: 1000px;
    height: 55px;
    width: 55px;
	background-color: transparent;
   
  }
  
  
  
  .paterntime span {
    display: block;
    font-size: 7px;

	text-transform: uppercase;

  }
  
  .paterntime .dias {
    font-size: 20px;
    
    border: solid 1px #eee;
 
   
  }
  .paterntime .horas {
    font-size: 20px;

    border: solid 1px #eee;
    
  }
  .paterntime .minutos {
    font-size: 20px;
  
    border: solid 1px #eee;
    
  }
  .paterntime .segundos {
    font-size: 20px;
 
    border: solid 1px #eee;
   ;
  }

  /**/


  

.modway{
	font-family: Roboto, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.modway div {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    font-weight: 600;
   
    line-height: 1;
   align-items: center;
    font-size: 40px;
    border-radius: 0px;
    height: 90px;
    width: 90px;
	margin: 5px;
  }
  
  
  
  .modway span {
    display: block;
    font-size: 11px;
  

  }
  
  .modway .dias {
    font-size: 70px;
    
    /*border: solid 1px #eee;*/
  
   
  }
  .modway .horas {
    font-size: 70px;
    
  
   
  }
  .modway .minutos {
    font-size: 70px;
   
   
   
  }
  .modway .segundos {
    font-size: 70px;
   
  
   
  }


  
  tr{
	border: none !important;
  }

  

 /**//**//**//**//**//**//**/
 .workoutcard {
	min-width: 230px;
	width: 230px;
	height: 360px;
	justify-content: center;
    align-items: center;
    align-content: center;
	display: flex;
	margin: 5px;
	padding: 1px;
	background-color: crimson;

	flex-direction: column;
 
 
 
   }
 
   .workoutcard .portimg{
	 width: 100%;
 
	 height: 100%;
 
   }
 
   .workoutcard img{
	 object-fit: cover;
	 width: 100%;
	 height: 346.906px;
	 
	
	 
   }
   
   .workoutcard .description{

	 width: 97%;
	 max-height: 350px;
	 height: 350px;
	 line-height: 15px;
	 padding: 3px;
	 padding-top: 8px;

	 background: linear-gradient(transparent,transparent,transparent,transparent,black,black); 
	color: #fff!important;
	margin-top:-350px;
   
   
	 
 
   }
 
   .workoutcard .cta{
	width: 100%;
	 height: 50px;
	 text-align: center;
	 text-transform: uppercase;
	 list-style: none;
	 
	
 
	 background-color: #222;
	 color: #fff;
 
   }