.qodef-side-menu-button-opener {
    position: relative!important;
    display: inline-block;
    vertical-align: middle;
    /* resize: horizontal; */
    height: 50px;
    width: 50px;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    margin-top: 100px!important;
    z-index: 1!important;
	background: #080808;}


@media only screen and (min-width:641px) {

.qodef-side-menu-button-opener {

    margin-top: 100px!important;}}


@media only screen and (min-width:0px) and (max-width:640px) {

.qodef-side-menu-button-opener {

    margin-top: 100px!important;}}


.qodef-side-menu-button-opener:hover {
	color: #fff
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot {
	position: absolute;
	height: 5px;
	width: 5px;
	background-color: #e74f4b!important;
	border-radius: 50%;
	-webkit-transition: opacity .5s cubic-bezier(.05, .43, .04, .87);
	-moz-transition: opacity .5s cubic-bezier(.05, .43, .04, .87);
	transition: opacity .5s cubic-bezier(.05, .43, .04, .87)
}

.qodef-side-menu-button-opener .qodef-side-menu-icon {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:first-child {
	top: 32%;
	left: 32%
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(2) {
	top: 32%;
	left: 46%
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(3) {
	top: 32%;
	left: 60%
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(4) {
	top: 46%;
	left: 32%
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(5) {
	top: 46%;
	left: 46%
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(6) {
	top: 46%;
	left: 60%
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(7) {
	top: 60%;
	left: 32%;
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:nth-child(8) {
	top: 60%;
	left: 46%;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.qodef-side-menu-button-opener .qodef-side-menu-icon .qodef-dot:last-child {
	top: 60%;
	left: 60%
}

.qodef-side-menu-button-opener.opened .qodef-side-menu-icon .qodef-dot:nth-child(4),
.qodef-side-menu-button-opener.opened .qodef-side-menu-icon .qodef-dot:nth-child(7),
.qodef-side-menu-button-opener.opened .qodef-side-menu-icon .qodef-dot:nth-child(8),
.qodef-side-menu-button-opener:hover .qodef-side-menu-icon .qodef-dot:nth-child(4),
.qodef-side-menu-button-opener:hover .qodef-side-menu-icon .qodef-dot:nth-child(7),
.qodef-side-menu-button-opener:hover .qodef-side-menu-icon .qodef-dot:nth-child(8) {
	opacity: 0
}