.nav--checkbox {
	 display: none;
}
 .nav--button-org {
	 position: fixed;
	  bottom: 50px; 
	 right: 50px;
	 height: 70px;
	 width: 70px;
	 background-color: crimson;
	 border-radius: 50%;
	 box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	 z-index: 667;
}

 .nav--button {
	 position: fixed;
	 bottom: 11px; /* big my */
	 right: 15px; /* big my */
	 height: 50px;
	 width: 50px;
	 background: url("assets/bubble-contact.png") center center;
	 border-radius: 50%;
	 box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	 z-index: 667;
	 background-color: white;
	  cursor: pointer;
}

 .nav--button span {
	 position: fixed;
	 display: inline-block;
	 top: 35px;
	 left: 50%;
	 height: 3px;
	 width: 25px;
	 transform: translateX(-50%);
}
 .nav--button span::after, .nav--button span::before {
	 /*content: "aaa";  = error */
	 position: fixed;
	 left: 0;
	 display: inherit;
	 height: inherit;
	 width: inherit;
	/* background-color: red;= error */
	 z-index: 667;
}
 .nav--button span::before {
	 top: -5px;
}
 .nav--button span::after {
	 top: 5px;
}
 .nav--small {
	 position: fixed;
	 bottom: 20px; /*my small*/
	 right: 20px; /*my horizontal*/
	 height: 40px;
	 width: 40px;
	 box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	 border-radius: 50%;
	 transition: all 500ms cubic-bezier(0.6, -0.5, 0.4, 1.5);
	 z-index: 1;
}
 .nav--small a {
	 position: fixed;
	 display: block;
	 height: inherit;
	 width: inherit;
	 border-radius: inherit;
	 text-decoration: none;
	 color: white;
}
 .nav--small a i {
	 position: fixed;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 font-size: 19px;
}
 .nav--btn-1 {
	 /* background-color: #68A4C4; */
}
 .nav--btn-2 {
	 /* background-color: #68A4C4; */
	 transition-delay: 50ms;
}
 .nav--btn-3 {
	 /* background-color: #68A4C4; */
	 transition-delay: 100ms;
}
 .nav--checkbox:checked ~ .nav--btn-1 {
	 bottom: 180px;
	 /* right: 80px; */
}
 .nav--checkbox:checked ~ .nav--btn-2 {
	 bottom: 130px;
	 /* right: 39px; */
}
 .nav--checkbox:checked ~ .nav--btn-3 {
	 bottom: 80px;
	 /* right: 39px; */
}