#trigger {
	position: fixed;
	top: 0;
	width: 7rem;
	height: 7rem;
	z-index: 110;
	display: block;
}

.left-menu #trigger {
    left: 0;
}

.right-menu #trigger {
    right: 0;
}

#trigger #triggered {
	position: absolute;
  	top: 70%;
  	left: 50%;
  	display: block;
  	-ms-transform: translate(-1.5rem, -1.5rem);
   	-webkit-transform: translate(-1.5rem, -1.5rem);
    transform: translate(-1.5rem, -1.5rem);
  	width: 3rem;
  	height: 3px;
  	-webkit-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-moz-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-ms-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-o-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
}

#trigger #triggered::before {
	content: '';
  	position: absolute;
  	width: 100%;
  	height: 3px;
  	left: 0;
    top: -0.8rem;
  	-webkit-transform-origin: center center;
  	-moz-transform-origin: center center;
  	-ms-transform-origin: center center;
  	-o-transform-origin: center center;
  	transform-origin: center center;
  	-webkit-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-moz-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-ms-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-o-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
}

#trigger #triggered::after {
	content: '';
  	position: absolute;
  	width: 100%;
  	height: 3px;
  	left: 0;
    bottom: -0.8rem;
  	-webkit-transform-origin: center center;
  	-moz-transform-origin: center center;
  	-ms-transform-origin: center center;
  	-o-transform-origin: center center;
  	transform-origin: center center;
  	-webkit-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-moz-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-ms-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	-o-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
  	transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
}

#trigger:hover #triggered::before {
  	top: -0.6rem;
}

#trigger:hover #triggered::after {
  	bottom: -0.6rem;
}

#trigger.move_5:hover #triggered::before {
  	top: -0.8rem;
}

#trigger.move_5:hover #triggered::after {
  	bottom: -0.8rem;
}

#trigger.move_5 #triggered {
	background-color: rgba(220, 151, 31, 0);
}

#trigger.move_5 #triggered::before {
	-webkit-transform: rotate(45deg) translate(4px,9px);
  	-moz-transform: rotate(45deg) translate(3px,8px);
  	-ms-transform: rotate(45deg) translate(3px,8px);
  	-o-transform: rotate(45deg) translate(3px,8px);
  	transform: rotate(45deg) translate(3px,8px);
}

#trigger.move_5 #triggered::after {
	-webkit-transform: rotate(-45deg) translate(2px,-8px);
  	-moz-transform: rotate(-45deg) translate(3px,-8px);
  	-ms-transform: rotate(-45deg) translate(3px,-8px);
  	-o-transform: rotate(-45deg) translate(3px,-8px);
  	transform: rotate(-45deg) translate(3px,-8px);
}

@media (min-width: 992px) {
    .static #trigger {
        display: none;
    }
}

@media screen and (max-height: 800px) {
    #trigger {
        height: 4rem;
    }
    #trigger #triggered {
        top: 85%;
    }
}