a._collapz_parant._close:after, a._collapz_parant._open:after {
    content: "\E8A8";
    font-family: 'Material Icons';
    font-size: 30px;
    position: relative;
    top: 16px;
    font-style: normal;
    color: #fff;
}
a._collapz_parant {
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block;
    text-decoration: none;
    float: right;
    -webkit-transition: -webkit-transform .1s linear 0ms;
    -moz-transition: -moz-transform .1s linear 0ms;
    transition: transform .1s linear 0ms;
    transform: rotateY(-180deg) !important;
	position:relative


}
a._collapz_parant._close:before {
  background-color: #4285f4;
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
   border-radius: 50%;
    width: 60px;
    height: 60px;
  -webkit-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
a._collapz_parant._close:hover:before{
	-webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
a._collapz_parant._close {
    background-color: #e45353;
	
}
a._collapz_parant._close:after {
    left: 0;
}
a._collapz_parant._open {
    background-color: #2f353e;
	 
}
a._collapz_parant:focus {
  outline: none;
}
ul._child_collapzion {
    position: absolute;
    margin: 0;
    list-style: none;
    padding: 1px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
ul._child_collapzion li a._collapz_child {
    color: #fff;
    border-radius: 50%;
    width: 53px;
    height: 53px;
    display: inline-block;
    background-color: #e45353;
    margin: 6px 14px;
    text-align: center;
}
ul._child_collapzion.action_open {
	transform:translate3d(0, -100%, 0);
}
ul._child_collapzion li {
    text-align: right;	
	    animation: vex-slideup 0.5s;
    -webkit-animation: vex-slideup 0.5s;
    -moz-animation: vex-slideup 0.5s;
    -ms-animation: vex-slideup 0.5s;
    -o-animation: vex-slideup 0.5s;
    -webkit-backface-visibility: hidden;
}
ul._child_collapzion li:nth-child(2) {
	animation: vex-slideup 0.7s;
    -webkit-animation: vex-slideup 0.7s;
    -moz-animation: vex-slideup 0.7s;
    -ms-animation: vex-slideup 0.7s;
    -o-animation: vex-slideup 0.7s;
}
ul._child_collapzion li:nth-child(3) {
	animation: vex-slideup 1s;
    -webkit-animation: vex-slideup 1s;
    -moz-animation: vex-slideup 1s;
    -ms-animation: vex-slideup 1s;
    -o-animation: vex-slideup 1s;
}
ul._child_collapzion li:nth-child(4) {
animation: vex-slideup 1.3s;
    -webkit-animation: vex-slideup 1.3s;
    -moz-animation: vex-slideup 1.3s;
    -ms-animation: vex-slideup 1.3s;
    -o-animation: vex-slideup 1.3s;
}

ul._child_collapzion.action_close {
	transform:translate3d(0, 0%, 0);
}
ul._child_collapzion.action_close li {
     animation: vex-slidedown 0.5s;
    -webkit-animation: vex-slidedown 0.5s;
    -moz-animation: vex-slidedown 0.5s;
    -ms-animation: vex-slidedown 0.5s;
    -o-animation: vex-slidedown 0.5s;
}
ul._child_collapzion.action_close li:nth-child(2) {
	animation: vex-slideup 0.7s;
    -webkit-animation: vex-slidedown 0.7s;
    -moz-animation: vex-slidedown 0.7s;
    -ms-animation: vex-slidedown 0.7s;
    -o-animation: vex-slidedown 0.7s;
}
ul._child_collapzion.action_close li:nth-child(3) {
	animation: vex-slideup 1s;
    -webkit-animation: vex-slidedown 1s;
    -moz-animation: vex-slidedown 1s;
    -ms-animation: vex-slidedown 1s;
    -o-animation: vex-slidedown 1s;
}
ul._child_collapzion.action_close li:nth-child(4) {
     animation: vex-slidedown 1.3s;
    -webkit-animation: vex-slidedown 1.3s;
    -moz-animation: vex-slidedown 1.3s;
    -ms-animation: vex-slidedown 1.3s;
    -o-animation: vex-slidedown 1.3s;
}


ul._child_collapzion li a._collapz_child i {
    margin-top: 15px;
}
ul._child_collapzion li span._title {
    position: relative;
    left: 8px;
    top: -6px;
    padding: 3px;    
	font-size:12px !important;
	text-shadow: -1px 0px 9px rgba(150, 150, 150, 1);
	box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .14), 0 1px 32px 0 rgba(0, 0, 0, .12), 0 2px 9px -1px rgba(0, 0, 0, .2);
	background:rgba(255, 255, 255, .8);
}
._col_shadow {
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .14), 0 1px 32px 0 rgba(0, 0, 0, .12), 0 2px 9px -1px rgba(0, 0, 0, .2);
}

ul._child_collapzion li a:hover{
	-webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.greenPulse{
	-webkit-animation-name: greenPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes greenPulse {
  from { background-color: #3dba41; -webkit-box-shadow: 0 0 9px #333; }
  50% { background-color: #4dbc51; -webkit-box-shadow: 0 0 18px #91bd09; }
  to { background-color: #40ce44; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes greenPulse {
  from { background-color: #4CAF50;  }
  50% { background-color: #40ce44;  }
  to { background-color: #4dbc51;  }
}
@-webkit-keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@keyframes button-bounce {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.96);
  }
  20% {
    transform: scale(1.04);
  }
  52%,
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}
@-moz-keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}
@keyframes button-blip {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
  10% {
    transform: scaleX(1) scaleY(1);
    opacity: .7;
  }
  30%, 
  99% {
    transform: scaleX(1.08) scaleY(1.35);
    opacity: 0;
  }
  100% {
    transform: scaleX(1) scaleY(1);
    opacity: 0;
  }
}