.btn1 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 100px;
            left: 0px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn1 .icon-left {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 8px;
            width: 30px;
            top: 30px;
            background-color: #212121;
            left: 0px;
        }

        .btn1 .icon-left:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn1 .icon-left:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn1 .icon-left:hover {
            cursor: pointer;
        }

        .btn1 .icon-right {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 8px;
            width: 30px;
            top: 30px;
            background-color: #212121;
            left: 30px;
        }

        .btn1 .icon-right:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn1 .icon-right:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn1.open .icon-left {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }

        .btn1.open .icon-left:before {
            -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(4px, 4px);
            transform: rotateZ(45deg) scaleX(1.4) translate(4px, 4px);
        }

        .btn1.open .icon-left:after {
            -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -4px);
            transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -4px);
        }

        .btn1.open .icon-right {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }

        .btn1.open .icon-right:before {
            -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-4px, 4px);
            transform: rotateZ(-45deg) scaleX(1.4) translate(-4px, 4px);
        }

        .btn1.open .icon-right:after {
            -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-4px, -4px);
            transform: rotateZ(45deg) scaleX(1.4) translate(-4px, -4px);
        }

        .btn1:hover {
            cursor: pointer;
        }

        .btn2 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 100px;
            left: 120px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn2 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 8px;
            width: 60px;
            top: 30px;
            background-color: #212121;
        }

        .btn2 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn2 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn2.open .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }

        .btn2.open .icon:before {
            -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(13px, 13px);
            transform: rotateZ(45deg) scaleX(1.25) translate(13px, 13px);
        }

        .btn2.open .icon:after {
            -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
            transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
        }

        .btn2:hover {
            cursor: pointer;
        }

        .btn3 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 100px;
            left: 240px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn3 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 0px;
            width: 60px;
            top: 30px;
            background-color: #212121;
        }

        .btn3 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn3 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn3.open .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn3.open .icon:before {
            -webkit-transform: rotateZ(135deg) scaleX(1.25) translate(13px, -13px);
            transform: rotateZ(135deg) scaleX(1.25) translate(13px, -13px);
        }

        .btn3.open .icon:after {
            -webkit-transform: rotateZ(-135deg) scaleX(1.25) translate(12px, 12px);
            transform: rotateZ(-135deg) scaleX(1.25) translate(12px, 12px);
        }

        .btn3:hover {
            cursor: pointer;
        }

        .btn4 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 100px;
            left: 360px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn4 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 0px;
            width: 60px;
            top: 30px;
            background-color: #212121;
        }

        .btn4 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn4 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn4.open .icon {
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .btn4.open .icon:before {
            -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(12px, 12px);
            transform: rotateZ(45deg) scaleX(1.25) translate(12px, 12px);
        }

        .btn4.open .icon:after {
            -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
            transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
        }

        .btn4:hover {
            cursor: pointer;
        }

        .btn5 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 200px;
            left: 0px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn5 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 8px;
            width: 60px;
            top: 30px;
            background-color: #212121;
        }

        .btn5 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn5 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn5.open .icon {
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .btn5.open .icon:before {
            -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(-20px, -6px);
            transform: rotateZ(-45deg) scaleX(0.75) translate(-20px, -6px);
        }

        .btn5.open .icon:after {
            -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(-20px, 6px);
            transform: rotateZ(45deg) scaleX(0.75) translate(-20px, 6px);
        }

        .btn5:hover {
            cursor: pointer;
        }

        .btn6 {
            width: 40px;
            height: 40px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn6[aria-expanded="false"] .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 3px;
            width: 30px;
            top: 30px;
            background-color: #212121;
        }

        .btn6[aria-expanded="false"] .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 3px;
            background-color: #212121;
            content: "";
            top: -10px;
            left: 0px;
        }
        .btn6[aria-expanded="false"] .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 3px;
            background-color: #212121;
            content: "";
            top: 10px;
            left: 0px;
        }

        .btn6[aria-expanded="true"] .icon{
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
        }
        .btn6[aria-expanded="true"] .icon:before {
            -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(20px, -6px);
            transform: rotateZ(45deg) scaleX(0.75) translate(20px, -6px);
        }

        .btn6[aria-expanded="true"] .icon:after {
            -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(20px, 6px);
            transform: rotateZ(-45deg) scaleX(0.75) translate(20px, 6px);
        }

        .btn6:hover {
            cursor: pointer;
        }

        .btn7 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 200px;
            left: 240px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn7 .icon-E {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 8px;
            width: 60px;
            top: 30px;
            background-color: #212121;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

        .btn7 .icon-E:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn7 .icon-E:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn7 .icon-X {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 0px;
            width: 200px;
            top: 30px;
            background-color: #212121;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 30px 0px;
            transform-origin: 30px 0px;
        }

        .btn7 .icon-X:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
            -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(12px, 12px);
            transform: rotateZ(45deg) scaleX(1.25) translate(12px, 12px);
        }

        .btn7 .icon-X:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
            -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
            transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
        }

        .btn7 .icon-X:hover {
            cursor: pointer;
        }

        .btn7.open .icon-E {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }

        .btn7.open .icon-X {
            -webkit-transition: 0.5s;
            transition: 0.5s;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

        .btn7:hover {
            cursor: pointer;
        }

        .btn8 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 200px;
            left: 360px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn8 .icon-E {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 8px;
            width: 60px;
            top: 30px;
            background-color: #212121;
            -webkit-transform-origin: 0px 0px;
            transform-origin: 0px 0px;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

        .btn8 .icon-E:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn8 .icon-E:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn8 .icon-X {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 0px;
            width: 60px;
            top: 30px;
            background-color: #212121;
            -webkit-transform-origin: 0px 0px;
            transform-origin: 0px 0px;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
        }

        .btn8 .icon-X:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
            -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(12px, 12px);
            transform: rotateZ(45deg) scaleX(1.25) translate(12px, 12px);
        }

        .btn8 .icon-X:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
            -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
            transform: rotateZ(-45deg) scaleX(1.25) translate(12px, -12px);
        }

        .btn8.open .icon-E {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }

        .btn8.open .icon-X {
            -webkit-transition: 0.5s;
            transition: 0.5s;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }

        .btn8:hover {
            cursor: pointer;
        }

        .btn9 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 305px;
            left: 0px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn9 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 0px;
            width: 60px;
            top: 30px;
            background-color: #212121;
            -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
            -webkit-transform-origin: 30px 30px;
            transform-origin: 30px 30px;
            left: -15;
            top: 0;
        }

        .btn9 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 60px;
            background-color: #212121;
            content: "";
            top: 20px;
            top: 0;
        }

        .btn9 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 60px;
            background-color: #212121;
            content: "";
            top: 20px;
            top: 0;
            left: 30px;
        }

        .btn9.open .icon {
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
        }

        .btn9.open .icon:before {
            width: 22.5px;
        }

        .btn9.open .icon:after {
            -webkit-transform-origin: 30px 60px;
            transform-origin: 30px 60px;
            -webkit-transform: scaleX(0.75);
            transform: scaleX(0.75);
        }

        .btn9.play .icon {
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
        }

        .btn9.play .icon:before {
            width: 500px;
        }

        .btn9.play .icon:after {
            -webkit-transform-origin: 30px 60px;
            transform-origin: 30px 60px;
            -webkit-transform: scaleX(2);
            transform: scaleX(2);
        }

        .btn9:hover {
            cursor: pointer;
        }

        .btn10 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 300px;
            left: 120px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn10 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 8px;
            width: 60px;
            top: 30px;
            background-color: #212121;
        }

        .btn10 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: -20px;
        }

        .btn10 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 60px;
            height: 8px;
            background-color: #212121;
            content: "";
            top: 20px;
        }

        .btn10.open .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transform: rotateZ(-180deg);
            transform: rotateZ(-180deg);
        }

        .btn10.open .icon:before {
            -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(-20px, -6px);
            transform: rotateZ(-45deg) scaleX(0.75) translate(-20px, -6px);
        }

        .btn10.open .icon:after {
            -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(-20px, 6px);
            transform: rotateZ(45deg) scaleX(0.75) translate(-20px, 6px);
        }

        .btn10:hover {
            cursor: pointer;
        }

        .btn11 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 300px;
            left: 240px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn11 .icon-left {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 4px;
            width: 15px;
            top: 30px;
            background-color: #212121;
        }

        .btn11 .icon-left:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: -10px;
        }

        .btn11 .icon-left:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: 10px;
        }

        .btn11 .icon-left:hover {
            cursor: pointer;
        }

        .btn11 .icon-right {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 4px;
            width: 15px;
            top: 30px;
            background-color: #212121;
            left: 15px;
        }

        .btn11 .icon-right:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: -10px;
        }

        .btn11 .icon-right:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 15px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: 10px;
        }

        .btn11.open .icon-left {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }

        .btn11.open .icon-left:before {
            -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
            transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
        }

        .btn11.open .icon-left:after {
            -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
            transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
        }

        .btn11.open .icon-right {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }

        .btn11.open .icon-right:before {
            -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
            transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
        }

        .btn11.open .icon-right:after {
            -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
            transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
        }

        .btn11:hover {
            cursor: pointer;
        }

        .btn12 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 300px;
            left: 315px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn12 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 4px;
            width: 30px;
            top: 30px;
            background-color: #212121;
        }

        .btn12 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: -10px;
        }

        .btn12 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: 10px;
        }

        .btn12.open .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }

        .btn12.open .icon:before {
            -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
            transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
        }

        .btn12.open .icon:after {
            -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
            transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
        }

        .btn12:hover {
            cursor: pointer;
        }

        .btn13 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 300px;
            left: 390px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn13 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 4px;
            width: 30px;
            top: 30px;
            background-color: #212121;
        }

        .btn13 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: -10px;
        }

        .btn13 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: 10px;
        }

        .btn13.open .icon {
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

        .btn13.open .icon:before {
            -webkit-transform: rotateZ(-45deg) scaleX(0.75) translate(-10px, -3px);
            transform: rotateZ(-45deg) scaleX(0.75) translate(-10px, -3px);
        }

        .btn13.open .icon:after {
            -webkit-transform: rotateZ(45deg) scaleX(0.75) translate(-10px, 3px);
            transform: rotateZ(45deg) scaleX(0.75) translate(-10px, 3px);
        }

        .btn13:hover {
            cursor: pointer;
        }

        .btn14 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 400px;
            left: 15px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn14 .icon-circle {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 60px;
            width: 60px;
            top: 2px;
            border-radius: 100%;
            background: transparent;
            border: 4px solid black;
            left: -15px;
        }

        .btn14 .icon-circle:hover {
            background: #fff;
        }

        .btn14 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 4px;
            width: 30px;
            top: 30px;
            background-color: #212121;
            border-radius: 4px;
        }

        .btn14 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: -10px;
            border-radius: 4px;
        }

        .btn14 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: 10px;
            border-radius: 4px;
        }

        .btn14.open .icon-circle {
            background: #fff;
        }

        .btn14.open .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }

        .btn14.open .icon:before {
            -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
            transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
        }

        .btn14.open .icon:after {
            -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
            transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
        }

        .btn14:hover {
            cursor: pointer;
        }

        .btn15 {
            position: absolute;
            width: 60px;
            height: 60px;
            top: 400px;
            left: 120px;
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

        .btn15 .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            height: 4px;
            width: 30px;
            top: 30px;
            background-color: #212121;
            border-radius: 4px;
            left: 15px;
        }

        .btn15 .icon:before {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: -10px;
            border-radius: 4px;
        }

        .btn15 .icon:after {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: absolute;
            width: 30px;
            height: 4px;
            background-color: #212121;
            content: "";
            top: 10px;
            border-radius: 4px;
        }

        .btn15.open .icon {
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            background: transparent;
        }

        .btn15.open .icon:before {
            -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
            transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
        }

        .btn15.open .icon:after {
            -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
            transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
        }

        .btn15:hover {
            background: #fff;
            cursor: pointer;
        }