@charset "utf-8";
/* CSS Document */
/*-----------------------------cartões-----------------------------------*/
body{
	
	margin: 0;
	
	padding: 0;
}


.m3r_card{
  background: #eee;
  border-radius: 2px;
  display: inline-block;
  height: 300px;
  margin: 1rem;
  position: relative;
  width: 300px;
}

.m3r_shadow-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.m3r_shadow-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.m3r_shadow-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.m3r_shadow-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.m3r_shadow-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}




/*-----------------------------flexbox-----------------------------------*/

 .flex{
    
    display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	 align-items: center;
}

 .flexrigth{
    
    display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	 
}



/*------------------------xbuton------------------------------------------*/

    

.rotath{
	
	
	 -ms-transform: rotate(53deg); /* IE 9 */
    -webkit-transform: rotate(53deg); /* Chrome, Safari, Opera */
    transform: rotate(53deg);

}


   	.rotata{
	
	
	 -ms-transform: rotate(-53deg); /* IE 9 */
    -webkit-transform: rotate(-53deg); /* Chrome, Safari, Opera */
    transform: rotate(-53deg);

}	

   .lbar{
	
	transition: all ease .5s;
	
}