.controls-dropdown{margin-right:8px}.controls-dropdown button{height:30px;font-size:16px;background:#f8f8f8;padding:7px 14px;border:1px solid #eee;border-radius:4px;color:#666;transition:.25s ease;cursor:pointer}.controls-dropdown button:focus{outline:0}.controls-dropdown button:hover{border-color:#dadada;transition:background .05s;box-shadow:0 5px 10px rgba(0,0,0,.2)}.controls-dropdown button.active{transition:background .05s;background-color:#e4e4e4;border-color:#dadada}.controls-dropdown .dropdown{position:relative;display:inline-block}.controls-dropdown .dropdown-content{width:100%;position:absolute;background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:99;border-radius:4px}.controls-dropdown .dropdown-content li{color:#000;font-size:12px;text-decoration:none;display:block;cursor:pointer}.controls-dropdown .dropdown-content li.active{color:#fff}.controls-dropdown .dropdown-content li:hover{background-color:#e4e4e4;color:#222}.controls-dropdown .dropdown:hover .dropdown-content{display:block}.controls-dropdown .group--notes{display:flex;background-color:#e4e4e4}.controls-dropdown .group--notes li{width:100%;font-family:Arial,Helvetica,sans-serif}.controls-dropdown .group--notes li:first-child{border-right:1px solid #d8d8d8}.controls-dropdown .dropdown-content{min-width:0;text-align:center;display:block}.controls-dropdown .dropdown-content li{padding:7px;font-family:Arial,Helvetica,sans-serif}.controls-dropdown .dropdown-content li:hover{background-color:#67615b;color:#fff}.controls-dropdown .active{color:#fff}.controls-dropdown [data-note-color=sort-c].active{background-color:#72ac51}.controls-dropdown [data-note-color=sort-c].active:hover{background-color:#609144}.controls-dropdown [data-note-color=sort-d].active{background-color:#db4437}.controls-dropdown [data-note-color=sort-d].active:hover{background-color:#c63e31}.controls-dropdown [data-note-color=sort-e].active{background-color:#f4b400}.controls-dropdown [data-note-color=sort-e].active:hover{background-color:#daa104}.controls-dropdown [data-note-color=sort-f].active{background-color:#3e96d1}.controls-dropdown [data-note-color=sort-f].active:hover{background-color:#3785ba}.controls-dropdown [data-note-color=sort-g].active{background-color:#ac5172}.controls-dropdown [data-note-color=sort-g].active:hover{background-color:#8f445f}.controls-dropdown [data-note-color=sort-a].active{background-color:#8a6353}.controls-dropdown [data-note-color=sort-a].active:hover{background-color:#825c4d}.controls-dropdown [data-note-color=sort-h].active{background-color:#555}.controls-dropdown [data-note-color=sort-h].active:hover{background-color:#464646}.buttons-module{max-width:100%;overflow-x:scroll;padding:0 75px}::-webkit-scrollbar{width:0;background:0 0}::-webkit-scrollbar-thumb{background:0 0}.buttons-module-inner{display:flex;height:500px}.buttons-module-inner:after{content:" ";white-space:pre}.buttons-module button{height:31px;margin-right:8px;font-size:16px;background:#fff;padding:7px 14px;border:1px solid #eee;border-radius:4px;color:#666;transition:.25s ease;cursor:pointer;white-space:nowrap;z-index:1}.buttons-module button:focus{outline:0}.buttons-module button:hover{border-color:#dadada;box-shadow:0 5px 10px rgba(0,0,0,.2)}.buttons-module button.active{transition:background .05s;background-color:#e4e4e4;border-color:#dadada}.dropdown{position:relative;height:200px;margin-right:8px}.dropdown-content{display:flex;position:absolute;left:0;border-radius:4px;background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:3}.dropdown-content li{color:#000;font-size:12px;padding:10px 14px;text-decoration:none;cursor:pointer}.dropdown-content ul{background-color:#f1f1f1;white-space:nowrap;position:absolute;border-radius:4px}.dropdown-content li:hover{background-color:#e4e4e4;color:#222;border-radius:4px}.dropdown:hover .dropdown-content{display:block}.dropdown .dropbtn{margin-right:0}@media screen and (max-width:992px){.buttons-module{width:750px;margin:auto;padding:0 60px}}@media screen and (max-width:767px){.buttons-module{padding:0 15px}}@media screen and (max-width:410px){.dropdown-content,.dropdown-content ul{right:0}}.strings{display:flex;flex-direction:column;justify-content:space-between;position:absolute;height:211px;width:100%;z-index:1}.strings li{width:100%;height:100%;display:flex;align-items:center}.strings li .string-left{background-color:#999;margin-left:2rem}.strings li .string-right{-webkit-transform-origin:0;transform-origin:0;background-color:#999}.strings li span{display:flex;height:3px}.strings li:nth-child(4) span{height:4px}.strings li:nth-child(5) span{height:5px}.strings li:nth-child(6) span{height:6px}@media screen and (max-width:992px){.strings{width:90%}.strings li .string-left{margin-left:1rem}}@media screen and (max-width:850px){.strings{width:93%}}@media screen and (max-width:776px){.strings{width:785px}}.headstock-wrap{width:60px;margin-left:-60px}.headstock-wrap .headstock{display:none}.guitar-neck-new{display:flex;margin-top:.5rem;position:relative;overflow:hidden}.headstock-wrap{position:absolute;width:75px;top:0;margin-left:-75px}.headstock-wrap .headstock{position:relative;height:238px;box-shadow:inset -10px 0 30px rgba(92,58,12,.3);background-size:cover}.headstock-wrap .headstock .headstock-string-f{height:3px;top:1.8rem;width:95px;box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1)}.headstock-wrap .headstock .headstock-string-h{height:3px;top:4rem;width:95px;box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1)}.headstock-wrap .headstock .headstock-string-g{height:3px;top:6.15rem;width:95px;box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1)}.headstock-wrap .headstock .headstock-string-d{height:4px;top:8.34rem;width:95px;box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1)}.headstock-wrap .headstock .headstock-string-a{height:5px;top:10.55rem;width:95px;box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1)}.headstock-wrap .headstock .headstock-string-e{height:6px;top:12.7rem;width:95px;box-shadow:.04em .37em .02em 0 rgba(0,0,0,.1)}.headstock-wrap .headstock:before{top:-187px}.headstock-wrap .headstock:after,.headstock-wrap .headstock:before{width:200px;height:200px;border-radius:50%;background-color:#fff;position:absolute;content:"";left:-30px}.headstock-wrap .headstock:after{top:223px}.headstock ul li{width:100px;height:5px;position:absolute;background-color:#ba9;background-image:repeating-linear-gradient(50deg,rgba(0,0,0,.6),transparent .15em,transparent .2em),linear-gradient(180deg,rgba(0,0,0,.3) 10%,hsla(0,0%,100%,.25) 15%,hsla(0,0%,100%,.8) 30%,hsla(0,0%,100%,.25) 45%,rgba(0,0,0,.6) 90%)}.guitar-neck-new>ul>li .show--note{opacity:1}.guitar-neck-new>ul{margin-top:.8rem;box-shadow:inset 10px 1px 10px -3px rgba(0,0,0,.75),inset 10px -1px 10px -3px rgba(0,0,0,.75);display:flex;justify-content:space-between;height:210px;width:100%;background:#f3f3f3}.note-name span{font-family:Opus Chords Std}.guitar-neck-new>ul>li{width:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;cursor:pointer;position:relative}.guitar-neck-new>ul>li:after{content:" ";position:absolute;top:0;left:0;border-right:4px solid #ccc;height:100%;width:1px}.guitar-neck-new>ul>li:nth-child(3):after{border-right:none}.guitar-neck-new>ul>li:first-of-type{width:70%;border-right:none;z-index:2}.guitar-neck-new>ul>li:nth-child(2):after{border-right:none}.guitar-neck-new>ul>li:last-of-type{border:none}.guitar-neck-new>ul>li>span{width:100%;height:100px;opacity:0;-ms-filter:"alpha(opacity=0)"}.guitar-neck-new>ul>li span i,.guitar-neck-new>ul>li>span{display:flex;justify-content:center;align-items:center;z-index:2}.guitar-neck-new>ul>li span i{width:30px;height:30px;background:hsla(0,0%,100%,.75);color:#2f2f2f;border-radius:50%;text-align:center;font-style:normal;font-size:15px;line-height:30px;box-shadow:0 3px 5px 0 rgba(0,0,0,.75);cursor:pointer}.guitar-neck-new .note-name{display:flex;align-items:baseline}.guitar-neck-new>ul>li .dots{margin:auto;left:0;right:0;width:20px;height:20px;border-radius:50%;background:#16a8f0}.guitar-neck-new>ul>li .dots,.guitar-neck-new>ul>li .dots-double{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.guitar-neck-new>ul>li .dots-double{display:flex;height:160px}.guitar-neck-new>ul>li .dots-double span:first-child,.guitar-neck-new>ul>li .dots-double span:last-child{width:20px;height:20px;border-radius:50%;background:#16a8f0;opacity:1}.guitar-neck-new>ul>li .dots-double span:last-child{position:absolute;bottom:0}.guitar-neck-new .fret--first{text-align:center;font-size:2rem;height:100%;width:100%;top:0;left:0;right:0;color:#fff;margin:auto;position:absolute;display:flex;flex-direction:column;justify-content:space-around;z-index:1;background-color:#16a8f0}@media screen and (max-width:992px){.headstock-wrap{width:130px;margin-left:-130px;top:0}.headstock-wrap .headstock .headstock-strings li{width:150px}.headstock-wrap .headstock:before{width:200px;height:200px;left:25px;top:-187px}.headstock-wrap .headstock:after{width:200px;height:200px;left:30px;top:223px}}@media screen and (max-width:990px){.content__right{padding-left:0;padding-right:0}}@media screen and (max-width:776px){.guitar-neck-new{display:block;width:100%;overflow-x:scroll}.guitar-neck-new>ul>li:last-of-type{border-right:1px solid #454545}::-webkit-scrollbar{width:0;background:0 0;display:none}.headstock-wrap{margin-left:-130px}.headstock-wrap .headstock:before{width:200px;height:200px;left:25px;top:-187px}.headstock-wrap .headstock:after{width:200px;height:200px;left:32px;top:223px}}*{margin:0;padding:0;list-style-type:none}.default__page__content ul{padding-bottom:0}.a:hover{text-decoration:none!important}.classic-guitar{padding:0}.guitar-neck-new>ul>li span.active--note,.guitar-neck-new>ul>li span.active--note-first{opacity:1!important;-ms-filter:"alpha(opacity=100)"}.guitar-neck-new>ul>li span.active--note-first i{background:#72ac51!important;color:#fff;text-transform:uppercase;font-size:19.2px;font-size:1.2rem}.controls [data-note-color=sort-c]._active,.guitar-neck-new [note=c].active--note i,.guitar-neck-new [note=cis].active--note i{background:#72ac51}.controls [data-note-color=sort-d]._active,.guitar-neck-new [note=d].active--note i,.guitar-neck-new [note=des].active--note i,.guitar-neck-new [note=dis].active--note i{background:#db4437}.controls [data-note-color=sort-e]._active,.guitar-neck-new [note=e].active--note i,.guitar-neck-new [note=es].active--note i{background:#f4b400}.controls [data-note-color=sort-f]._active,.guitar-neck-new [note=f].active--note i,.guitar-neck-new [note=fis].active--note i{background:#3e96d1}.controls [data-note-color=sort-g]._active,.guitar-neck-new [note=g].active--note i,.guitar-neck-new [note=ges].active--note i,.guitar-neck-new [note=gis].active--note i{background:#ac5172}.controls [data-note-color=sort-a]._active,.guitar-neck-new [note=a].active--note i,.guitar-neck-new [note=ais].active--note i,.guitar-neck-new [note=as].active--note i{background:#8a6353}.controls [data-note-color=sort-h]._active,.guitar-neck-new [note=b].active--note i,.guitar-neck-new [note=h].active--note i{background:#555}.guitar-neck-new .active--note i{color:#fff}.buttons-wrap{height:31px;width:100%}.tools__page__content{padding:0 75px 50px;margin:auto}@media(min-width:991px){.its_setting_page.default__content,article.default__content{padding:0}.default__content{padding:15px 0}.default__page__title{padding-left:75px}.tools__page__content{padding:0 75px 30px}.article-info{padding-left:75px}}@media(min-width:767px){.its_setting_page.default__content,article.default__content{padding:15px 0}}@media screen and (max-width:992px){.contact__content,.content__right .finder,.default__content{max-width:100%;padding:30px 0}.tools__page__content{padding:0 60px 30px;width:750px;margin:auto}.default__page__title{max-width:750px;margin:0 auto;padding:0 60px;margin-top:15px}}@media screen and (max-width:990px){.article-info{max-width:750px;margin:auto;padding:0 30px}}@media screen and (max-width:767px){.tools__page__content{padding:0 15px}.default__page__title{padding-left:15px;margin-top:10px}.contact__content,.content__right .finder,.default__content{padding:0}.article-info{padding:0 15px}}.strings{width:100%!important}button.active i {
    color: white;
}