@charset "UTF-8";.bg-grad-multi-color,.bg-graph-nodes{background-color:#205668;background-repeat:repeat-y;background-position:center center}img,video{max-width:100%}@font-face{font-display:swap;font-family:bebas_neue_regular;src:url(/fonts/Bebas-Neue/bebasneue_regular-webfont.eot);src:url(/fonts/Bebas-Neue/bebasneue_regular-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/Bebas-Neue/bebasneue_regular-webfont.woff2) format("woff2"),url(/fonts/Bebas-Neue/bebasneue_regular-webfont.woff) format("woff"),url(/fonts/Bebas-Neue/bebasneue_regular-webfont.ttf) format("truetype"),url(/fonts/Bebas-Neue/bebasneue_regular-webfont.svg#bebas_neue_regularregular) format("svg");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:bebas_neuebold;src:url(/fonts/Bebas-Neue/bebasneue_bold-webfont.eot);src:url(/fonts/Bebas-Neue/bebasneue_bold-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/Bebas-Neue/bebasneue_bold-webfont.woff2) format("woff2"),url(/fonts/Bebas-Neue/bebasneue_bold-webfont.woff) format("woff"),url(/fonts/Bebas-Neue/bebasneue_bold-webfont.ttf) format("truetype"),url(/fonts/Bebas-Neue/bebasneue_bold-webfont.svg#bebas_neuebold) format("svg");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:bebas_neuelight;src:url(/fonts/Bebas-Neue/bebasneue_light-webfont.eot);src:url(/fonts/Bebas-Neue/bebasneue_light-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/Bebas-Neue/bebasneue_light-webfont.woff2) format("woff2"),url(/fonts/Bebas-Neue/bebasneue_light-webfont.woff) format("woff"),url(/fonts/Bebas-Neue/bebasneue_light-webfont.ttf) format("truetype"),url(/fonts/Bebas-Neue/bebasneue_light-webfont.svg#bebas_neuelight) format("svg");font-weight:400;font-style:normal}@font-face{font-family:bebas_neuebook;src:url(/fonts/Bebas-Neue/bebasneue_book-webfont.eot);src:url(/fonts/Bebas-Neue/bebasneue_book-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/Bebas-Neue/bebasneue_book-webfont.woff2) format("woff2"),url(/fonts/Bebas-Neue/bebasneue_book-webfont.woff) format("woff"),url(/fonts/Bebas-Neue/bebasneue_book-webfont.ttf) format("truetype"),url(/fonts/Bebas-Neue/bebasneue_book-webfont.svg#bebas_neuebook) format("svg");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:bebas_neuethin;src:url(/fonts/Bebas-Neue/bebasneue_thin-webfont.eot);src:url(/fonts/Bebas-Neue/bebasneue_thin-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/Bebas-Neue/bebasneue_thin-webfont.woff2) format("woff2"),url(/fonts/Bebas-Neue/bebasneue_thin-webfont.woff) format("woff"),url(/fonts/Bebas-Neue/bebasneue_thin-webfont.ttf) format("truetype"),url(/fonts/Bebas-Neue/bebasneue_thin-webfont.svg#bebas_neuethin) format("svg");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:bebasregular;src:url(/fonts/Bebas/bebas-webfont.eot);src:url(/fonts/Bebas/bebas-webfont.eot?#iefix) format("embedded-opentype"),url(/fonts/Bebas/bebas-webfont.woff2) format("woff2"),url(/fonts/Bebas/bebas-webfont.woff) format("woff"),url(/fonts/Bebas/bebas-webfont.ttf) format("truetype"),url(/fonts/Bebas/bebas-webfont.svg#bebasregular) format("svg");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:BAUHS93;src:url(/fonts/bauhs93/BAUHS93.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:gotham;src:url(/fonts/gotham/gotham-bold-webfont.woff2) format("woff2"),url(/fonts/gotham/gotham-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-display:swap;font-family:gotham;src:url(/fonts/gotham/gotham-bolditalic-webfont.woff2) format("woff2"),url(/fonts/gotham/gotham-bolditalic-webfont.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-display:swap;font-family:gotham;src:url(/fonts/gotham/gotham-medium-webfont.woff2) format("woff2"),url(/fonts/gotham/gotham-medium-webfont.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-display:swap;font-family:gotham;src:url(/fonts/gotham/gotham-mediumitalic-webfont.woff2) format("woff2"),url(/fonts/gotham/gotham-mediumitalic-webfont.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-display:swap;font-family:gotham;src:url(/fonts/gotham/ufonts.com_gotham-book-webfont.woff2) format("woff2"),url(/fonts/gotham/ufonts.com_gotham-book-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:gotham;src:url(/fonts/gotham/ufonts.com_gotham-book-italic-webfont.woff2) format("woff2"),url(/fonts/gotham/ufonts.com_gotham-book-italic-webfont.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-display:swap;font-family:gotham;src:url(/fonts/gotham/gotham-light-webfont.woff2) format("woff2"),url(/fonts/gotham/gotham-light-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-display:swap;font-family:gotham;src:url(/fonts/gotham/gotham-lightitalic-webfont.woff2) format("woff2"),url(/fonts/gotham/gotham-lightitalic-webfont.woff) format("woff");font-weight:300;font-style:italic}.font-nanum-pen-script{font-family:"Nanum Pen Script"}.font-montserrat-italic,.font-montserrat-italic-bold{font-family:Montserrat,sans-serif}.font-montserrat-italic-bold{font-weight:800}.font-montserrat-italic{font-weight:400}.navbar-brand,.navbar-nav>li>a,span.span-app-description{font-weight:600}.bg-graph-nodes{color:#fff;background-image:url(/images/bg/graph-nodes-bg.jpg?v=uanjcaq)}.bg-grad-multi-color{background-image:url(/images/bg/grad-multi-color.jpg?v=uanjcar);background-size:100%}.bg-concert-hall,.bg-crowd,.bg-instruments,.bg-studio{background-position:center bottom;color:#fff}@media only screen and (min-width:768px){.bg,.bg.bg-sm-pad,.bg.bg-xs-pad{padding-top:50px;padding-bottom:50px}}@media only screen and (min-width:992px){.bg,.bg.bg-sm-pad{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width:768px){.bg.bg-md-pad{padding-top:70px;padding-bottom:70px}}@media only screen and (min-width:992px){.bg.bg-md-pad{padding-top:130px;padding-bottom:130px}.bg.bg-lg-pad{padding-top:170px;padding-bottom:170px}}@media only screen and (min-width:768px){.bg.bg-xl-pad{padding-top:150px;padding-bottom:150px}}.bg-hookpad-on-mbp-16{background-image:url(/images/controllers/hookpad/rmpb16-hp-mq.jpg?v=uanjcbb);background-size:100%}.bg-studio{background-image:url(/images/controllers/site/bg-studio-2.png?v=uanjcbu);background-size:2000px}@media only screen and (min-width:992px){.bg.bg-xl-pad{padding-top:200px;padding-bottom:200px}.bg-studio{background-size:1300px;padding-top:0;padding-bottom:0}}@media only screen and (min-width:1300px){.bg-studio{background-size:100%;padding-top:0;padding-bottom:0}}.bg-crowd{background-image:url(/images/controllers/site/crowd-cc.jpg?v=uanjcc0);background-size:2000px}@media only screen and (min-width:992px){.bg-crowd{background-size:1300px;padding-top:0;padding-bottom:0}}@media only screen and (min-width:1300px){.bg-crowd{background-size:100%;padding-top:0;padding-bottom:0}}.bg-concert-hall{background-image:url(/images/controllers/site/concert-hall.jpg?v=uanjcc3);background-size:2000px}@media only screen and (min-width:992px){.bg-concert-hall{background-size:100%;padding-top:0;padding-bottom:0}}@media only screen and (min-width:1300px){.bg-concert-hall{background-size:100%;padding-top:0;padding-bottom:0}}.bg-instruments{background-image:url(/images/controllers/site/bg-instruments-cc.jpg?v=uanjcc7);background-size:2000px}@media only screen and (min-width:992px){.bg-instruments{background-size:100%;padding-top:0;padding-bottom:0}}@media only screen and (min-width:1300px){.bg-instruments{background-size:100%;padding-top:0;padding-bottom:0}}.bg{color:#fff;background-color:#575757;background-image:url(/images/bg/bg-artist-stage-2.jpg?v=uanjcco);background-repeat:no-repeat;background-size:768px;background-position:center center;padding-top:50px;padding-bottom:50px}.bg h1,.bg h2,.bg h3,.bg h4,.bg h5,.bg h6{color:#fff}.aclose a.close,.aclose a.close:hover,.bg-color-a,.bg-color-b,.bg.bg-home-promo,.bg.bg-light,.bg.bg-trends-2-light{color:inherit}@media only screen and (min-width:768px){.bg{background-size:100%;background-position:center center;padding-top:100px;padding-bottom:100px}.bg.bg-artist{padding-top:50px;padding-bottom:50px}}.bg.bg-class{background-image:url(/images/bg/music-class.jpg?v=uanjcd9)}.bg.bg-class-2{background-image:url(/images/bg/class-3.jpg?v=uanjce5)}.bg.bg-artist{background-image:url(/images/bg/bg-artist-stage-2.jpg?v=uanjcem);background-size:1200px;background-position:center top}.bg.bg-team{background-image:url(/images/bg/bg-hooktheory-team.jpg?v=uanjcfc);background-position:center center;min-height:350px}@media only screen and (min-width:768px){.bg.bg-team{min-height:550px}}.bg.bg-team-2{background-image:url(/images/bg/bg-hooktheory-team-bw.jpg?v=uanjcfu);background-size:100%}@media only screen and (min-width:320px){.bg.bg-team-2{min-height:200px}}@media only screen and (min-width:480px){.bg.bg-team-2{min-height:230px}}@media only screen and (min-width:768px){.bg.bg-team-2{min-height:330px}}@media only screen and (min-width:992px){.bg.bg-artist{background-size:100%}.bg.bg-team-2{min-height:420px}}.bg.bg-book1-buy{background-image:url(/images/bg/book1-promo-1-color-desat.jpg?v=uanjcfz)}.bg.bg-book1-buy2{background-image:url(/images/bg/bg-promo-3-desat.jpg?v=uanjcgf)}.bg.bg-studio-ipad{background-image:url(/images/bg/bg-studio-ipad-6.jpg?v=uanjchd)}.bg.bg-i-a{background-image:url(/images/bg/bg-i-a.jpg?v=uanjcia)}.bg.bg-hooktheory-ii{background-image:url(/images/bg/bg-hooktheory-ii-1.jpg?v=uanjcj2)}@media only screen and (max-width:768px){.bg.bg-i-a,.bg.bg-studio-ipad{background-size:1000px}.bg.bg-hooktheory-ii{background-size:900px}}.bg-color-a,body.body-form-2,body.body-login{background:#E9E9E9}.bg-color-b{background:#fcfcfc}.bg-app-store-badges{background:#262626;padding-top:0;padding-bottom:0}.bg.bg-guitar-banjo{background-image:url(/images/bg/guitar-banjo-2.jpg?v=uanjcjk);background-size:1700px;background-position:center bottom;margin-bottom:40px}@media only screen and (min-width:992px){.bg.bg-guitar-banjo{background-size:1200px}}@media only screen and (min-width:1200px){.bg.bg-team-2{min-height:510px}.bg.bg-guitar-banjo{background-size:100%}}.bg.bg-theorytab{background-image:url(/images/bg/theorytab-2.jpg?v=uanjckd)}@media only screen and (max-width:768px){.bg.bg-theorytab{background-size:1100px}}@media only screen and (min-width:768px) and (max-width:992px){.bg.bg-theorytab{background-size:992px}}.bg.bg-home-promo{background-image:url(/images/bg/home-promo.jpg?v=uanjcki);padding-top:0;min-height:400px}@media only screen and (max-width:768px){.bg.bg-home-promo{background-size:1100px;min-height:500px}}@media only screen and (min-width:768px) and (max-width:992px){.bg.bg-home-promo{background-size:992px;min-height:700px}}@media only screen and (min-width:992px){.bg.bg-home-promo{min-height:700px}}.bg.bg-trends-2{background-image:url(/images/bg/trends-2.jpg?v=uanjclb);background-position:right center}@media only screen and (max-width:768px){.bg.bg-trends-2{background-size:1100px}}@media only screen and (min-width:768px) and (max-width:992px){.bg.bg-trends-2{background-size:992px}}.bg.bg-trends-2-light{background-image:url(/images/bg/bg-trends-a.png?v=uanjclp);background-position:right center}@media only screen and (max-width:768px){.bg.bg-trends-2-light{background-size:1100px}}@media only screen and (min-width:768px) and (max-width:992px){.bg.bg-trends-2-light{background-size:992px}}.bg.bg-trends{background-image:url(/images/bg/trends-macbook_01.jpg?v=uanjcm3)}@media only screen and (max-width:768px){.bg.bg-trends{background-position:30%;background-size:900px;min-height:450px}}@media only screen and (min-width:768px){.bg.bg-trends{min-height:500px}}.bg.bg-complexity{background-image:url(/images/bg/complexity-7.jpg?v=uanjcmg);background-position:left center}.bg.bg-theorytab-progressions{background-color:#5a5a5a;background-position:right top;background-image:url(/images/bg/theorytab-progressions.jpg?v=uanjcmx)}.bg.bg-hookpad-midi{background-image:url(/images/bg/hookpad-midi-2.jpg?v=uanjcmy);background-size:1200px;background-position:center top}@media only screen and (min-width:1200px){.bg.bg-hookpad-midi{background-size:100%}}.bg.bg-hookpad-promo{background-image:url(/images/bg/hookpad-promo-dark.jpg?v=uanjcnu);background-size:1200px;background-position:center bottom}@media only screen and (min-width:1200px){.bg.bg-hookpad-promo{background-size:100%}}.bg.bg-hookpad-genres{background-image:url(/images/bg/hookpad-genres.jpg?v=uanjco5);background-size:1200px;background-position:center top}@media only screen and (min-width:1200px){.bg.bg-hookpad-genres{background-size:100%}}.bg.bg-hookpad-mix{background-image:url(/images/bg/hookpad-mix.jpg?v=uanjcos);background-size:1200px;background-position:center top}.bg.bg-hero-guitar-woman,.bg.bg-kids-laptop,.bg.bg-students{background-position:center center;padding-top:50px}@media only screen and (min-width:1200px){.bg.bg-hookpad-mix{background-size:100%}}.bg.bg-students{background-image:url(/images/bg/bg-students.jpg?v=uanjcp8);background-size:1200px;padding-bottom:0}@media only screen and (min-width:1200px){.bg.bg-students{background-size:100%}}.bg.bg-kids-laptop{background-image:url(/images/bg/bg-kids-laptop-crop.jpg?v=uanjcpf);background-size:1200px;padding-bottom:0}@media only screen and (min-width:1200px){.bg.bg-kids-laptop{background-size:100%}}.bg.bg-hero-guitar-woman{background-image:url(/images/bg/bg-hero-guitar-woman-d1.jpeg?v=uanjcqc);background-size:1200px;padding-bottom:50px}@media only screen and (min-width:1200px){.bg.bg-hero-guitar-woman{background-size:100%}}.bg.bg-beginner-acoustic-guitar{background-image:url(/images/gear/guitarupright.jpg?v=uanjcr4);background-size:1200px;background-position:center bottom}.bg.bg-assessment-kit,.bg.bg-istock-a,.bg.bg-unsplash{background-position:center top}@media only screen and (min-width:1200px){.bg.bg-beginner-acoustic-guitar{background-size:100%}}.bg.bg-assessment-kit{background-image:url(/images/bg/bg-assessment-kit.jpg?v=uanjcrh);background-size:1200px}@media only screen and (min-width:1200px){.bg.bg-assessment-kit{background-size:100%}}.bg-wrap.bg-border-bottom{border-bottom:1px solid #ddd}.bg.bg-unsplash{background-size:1200px}@media only screen and (min-width:1200px){.bg.bg-unsplash{background-size:100%}}.bg.bg-unsplash-a{background-image:url(/images/bg/bg-unsplash-a.jpg?v=uanjcsh)}.bg.bg-unsplash-b{background-image:url(/images/bg/bg-unsplash-b.jpg?v=uanjcsx)}.bg.bg-unsplash-c{background-image:url(/images/bg/bg-unsplash-c.jpg?v=uanjct0)}.bg.bg-unsplash-d{background-image:url(/images/bg/bg-unsplash-d.jpg?v=uanjcto)}.bg.bg-unsplash-e{background-image:url(/images/bg/bg-unsplash-e.jpg?v=uanjctx)}.bg.bg-unsplash-f{background-image:url(/images/bg/bg-unsplash-f.jpg?v=uanjctz)}.bg.bg-unsplash-g{background-image:url(/images/bg/bg-unsplash-g.jpg?v=uanjcul)}.bg.bg-unsplash-h{background-image:url(/images/bg/bg-unsplash-h.jpg?v=uanjcvc)}.bg.bg-unsplash-i{background-image:url(/images/bg/bg-unsplash-i.jpg?v=uanjcw0)}.bg.bg-unsplash-j{background-image:url(/images/bg/bg-unsplash-j.jpg?v=uanjcw4)}.bg.bg-unsplash-k{background-image:url(/images/bg/bg-unsplash-k.jpg?v=uanjcw8)}.bg.bg-unsplash-l{background-image:url(/images/bg/bg-unsplash-l.jpg?v=uanjcx0)}.bg.bg-unsplash-m{background-image:url(/images/bg/bg-unsplash-m.jpg?v=uanjcxz)}.bg.bg-unsplash-n{background-image:url(/images/bg/bg-unsplash-n.jpg?v=uanjcy8)}.bg.bg-unsplash-o{background-image:url(/images/bg/bg-unsplash-o.jpg?v=uanjcyb)}.bg.bg-unsplash-p{background-image:url(/images/bg/bg-unsplash-p.jpg?v=uanjcyq)}.bg.bg-unsplash-q{background-image:url(/images/bg/bg-unsplash-q.jpg?v=uanjcz4)}.bg.bg-unsplash-r{background-image:url(/images/bg/bg-unsplash-r.jpg?v=uanjczs)}.bg.bg-unsplash-s{background-image:url(/images/bg/bg-unsplash-s.jpg?v=uanjczy)}.bg.bg-dj-back{background-image:url(/images/bg/bg-dj-back-shot.jpg?v=uanjd0x)}.bg.bg-calvin-harris{background-image:url(/images/bg/dreamfields.jpg?v=uanjd1i)}.bg.bg-istock-a{background-image:url(/images/bg/bg-guitar-crowd.jpg?v=uanjd25);background-repeat:repeat;background-size:1100px}@media only screen and (min-width:768px){.bg.bg-istock-a{background-position:right top;background-size:1150px}}@media only screen and (min-width:992px){.bg.bg-trends{min-height:600px}.bg.bg-istock-a{background-position:right top;background-size:100%}}.bg.bg-woman-guitar-laptop{background-image:url(/images/bg/bg-woman-guitar-laptop.jpg?v=uanjd2b);background-repeat:repeat;background-position:center top;background-size:1100px}@media only screen and (min-width:768px){.bg.bg-woman-guitar-laptop{background-position:right top;background-size:1150px}}@media only screen and (min-width:992px){.bg.bg-woman-guitar-laptop{background-position:right top;background-size:100%}}.bg.bg-woman-guitar-sun{background-image:url(/images/bg/bg-woman-guitar-sun-dk-cp.jpg?v=uanjd2v);background-repeat:repeat;background-color:#a77332;background-position:right top;background-size:850px}@media only screen and (min-width:768px){.bg.bg-woman-guitar-sun{background-size:1150px}}@media only screen and (min-width:992px){.bg.bg-woman-guitar-sun{background-size:1200px}}@media only screen and (min-width:1200px){.bg.bg-woman-guitar-sun{background-size:100%}}.bg.bg-woman-producing-keyboard{background-image:url(/images/bg/bg-woman-producing-keyboard.jpg?v=uanjd32);background-repeat:repeat;background-position:center top;background-size:1100px}@media only screen and (min-width:768px){.bg.bg-woman-producing-keyboard{background-position:right top;background-size:1150px}}@media only screen and (min-width:992px){.bg.bg-woman-producing-keyboard{background-position:right top;background-size:100%}}.bg.bg-books{background-color:#ab9476;background-image:url(/images/bg/bg-books-h.jpg?v=uanjd3h);background-repeat:repeat-y;background-position:center top;background-size:1300px;color:#29251b;padding-bottom:30px}@media only screen and (min-width:768px){.bg.bg-books{background-size:1400px;padding-bottom:0;background-position:center center}}@media only screen and (min-width:992px){.bg.bg-books{background-size:1200px;padding-bottom:0}}.bg.bg-books-home,.bg.bg-hookpad-no-blur{padding-bottom:50px;background-repeat:repeat-y}@media only screen and (min-width:1200px){.bg.bg-books{padding-bottom:50px;background-size:100%}}.bg.bg-books-home{background-color:#785630;background-image:url(/images/bg/bg-woman-guitar-laptop-mq.jpg?v=uanjd41);background-position:center top;background-size:1300px;color:#fff;padding-top:50px}@media only screen and (min-width:768px){.bg.bg-books-home{background-size:1300px;padding-bottom:80px;padding-top:80px}}@media only screen and (min-width:1200px){.bg.bg-books-home{background-size:100%}}.bg.bg-books-guitar-guy-girl{background-color:#785630;padding-top:20px;background-image:url(/images/bg/bg-woman-guitar-laptop-mq.jpg?v=uanjd4p);background-repeat:repeat-y;background-position:22% 0;background-size:1300px;color:#fff;padding-bottom:430px}@media only screen and (min-width:768px){.bg.bg-books-guitar-guy-girl{background-position:center top;background-size:1300px;padding-bottom:350px;padding-top:70px}}@media only screen and (min-width:1200px){.bg.bg-books-guitar-guy-girl{background-size:100%;padding-bottom:420px}}.bg.bg-books-guitar-guy-girl-home{background-color:#785630;padding-top:20px;background-image:url(/images/bg/bg-woman-guitar-laptop-mq.jpg?v=uanjd52);background-repeat:repeat-y;background-position:22% 0;background-size:1300px;color:#fff;padding-bottom:0}@media only screen and (min-width:768px){.bg.bg-books-guitar-guy-girl-home{background-position:center top;background-size:1300px;padding-top:70px}}.books-hero-support-home{margin-top:-330px;padding-top:310px}@media only screen and (min-width:992px){.books-hero-support-home{margin-top:-260px;padding-top:240px}}@media only screen and (min-width:1200px){.bg.bg-books-guitar-guy-girl-home{background-size:115%}.books-hero-support-home{margin-top:-210px;padding-top:190px}}.bg.bg-hookpad-no-blur{background-color:#809ba5;background-image:url(/images/bg/bg-hookpad-c.jpg?v=uanjd61);background-position:center center;background-size:1300px;color:#fff;padding-top:50px}@media only screen and (min-width:768px){.bg.bg-hookpad-no-blur{background-size:1300px;padding-bottom:80px;padding-top:80px}}@media only screen and (min-width:992px){.bg.bg-hookpad-no-blur{background-size:1400px}}@media only screen and (min-width:1300px){.bg.bg-hookpad-no-blur{background-size:100%}}.hookpad-hero-support-home{margin-top:-150px;padding-top:150px}@media only screen and (min-width:768px){.hookpad-hero-support-home{margin-top:-200px;padding-top:200px}}@media only screen and (min-width:992px){.hookpad-hero-support-home{margin-top:-180px;padding-top:170px}}@media only screen and (min-width:1200px){.hookpad-hero-support-home{margin-top:-210px;padding-top:190px}}.hookpad-hero-support{margin-top:-370px;padding-top:370px}@media only screen and (min-width:768px){.hookpad-hero-support{margin-top:-140px;padding-top:130px}}@media only screen and (min-width:992px){.hookpad-hero-support{margin-top:-150px;padding-top:140px}}@media only screen and (min-width:1200px){.hookpad-hero-support{margin-top:-210px;padding-top:190px}}.hookpad-hero-support-md{margin-top:-150px;padding-top:40px}.padding-top-people-behind{padding-top:100px;padding-bottom:50px}@media only screen and (min-width:768px){.padding-top-people-behind{padding-top:300px;padding-bottom:200px}}@media only screen and (min-width:992px){.padding-top-people-behind{padding-bottom:200px}}.bg.bg-people-behind{background-color:#111b20;background-image:url(/images/bg/007-music-hall-tint.jpg?v=uanjd6x);background-repeat:repeat-y;background-position:center top;background-size:140%;color:#fff;padding-top:0;padding-bottom:0}.bg.bg-crush,.bg.bg-crush h1,.bg.bg-crush h2,.bg.bg-crush h3,.bg.bg-crush h4,.bg.bg-crush h5{color:#eefa11}@media only screen and (min-width:768px){.bg.bg-people-behind{background-size:120%}}@media only screen and (min-width:992px){.bg.bg-people-behind{background-size:100%}}.bg.bg-crush{background:linear-gradient(180deg,#e37244,#fc9ed7);background:radial-gradient(farthest-corner at 40px 40px,#e37244 0,#fc9ed7 100%);padding-top:0;padding-bottom:100px}@media only screen and (min-width:768px){.bg.bg-crush{padding-bottom:0}}.bg.bg-crush-hero{background-position:bottom 250px center;background-size:1400px;padding-top:0;padding-bottom:100px}.crush-hero-support-home{margin-top:-190px;padding-top:110px}@media only screen and (min-width:768px){.bg.bg-crush-hero{padding-bottom:0}.crush-hero-support-home{padding-top:200px}}@media only screen and (min-width:992px){.crush-hero-support-home{margin-top:-190px;padding-top:180px}}@media only screen and (min-width:1200px){.crush-hero-support-home{margin-top:-210px;padding-top:190px}}.crush-hero-support{margin-top:-330px;padding-top:220px}@media only screen and (min-width:768px){.crush-hero-support{margin-top:-140px;padding-top:130px}}@media only screen and (min-width:992px){.crush-hero-support{margin-top:-150px;padding-top:140px}.bg.bg-hookpad-norepeat{background-size:cover}}@media only screen and (min-width:1200px){.crush-hero-support{margin-top:-210px;padding-top:190px}.bg.bg-hookpad-norepeat{background-size:cover}}.bg.bg-hookpad-norepeat{background-color:#809ba5;background-image:url(/images/bg/bg-hookpad-c.jpg?v=uanjd7u);background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff;padding-top:0;padding-bottom:0}.bg.bg-hookpad,.bg.bg-hookpad-home{background-color:#809ba5;background-repeat:repeat-y;padding-top:0;padding-bottom:0;color:#fff}@media only screen and (min-width:1400px){.bg.bg-hookpad-norepeat{background-size:cover}}.bg.bg-hookpad{background-image:url(/images/bg/bg-hookpad-c.jpg?v=uanjd8a);background-position:center center;background-size:1500px}@media only screen and (min-width:992px){.bg.bg-hookpad{background-size:1400px}}@media only screen and (min-width:1400px){.bg.bg-hookpad{background-size:100%}}.bg.bg-hookpad-home{background-image:url(/images/bg/bg-hookpad-hero-st-2020-12-2.jpg?v=uanjd90);background-position:center bottom;background-size:1200px}@media only screen and (min-width:992px){.bg.bg-hookpad-home{background-size:1300px}}@media only screen and (min-width:1200px){.bg.bg-hookpad-home{background-size:100%}}@media only screen and (min-width:1400px){.bg.bg-hookpad-home{background-size:100%}}.bg.bg-hookpad-buy{background-color:#fff;background-image:url(/images/bg/bg-hookpad-c-crop.jpg?v=uanjd9s);background-repeat:no-repeat;background-position:center center;background-size:1000px;color:#fff}.bg.bg-footer,.bg.bg-orange-texture{background-repeat:repeat-y;color:#444}@media only screen and (min-width:768px){.bg.bg-hookpad-home{background-position:center center}.bg.bg-hookpad-buy{background-size:1150px}}@media only screen and (min-width:992px){.bg.bg-hookpad-buy{background-size:100%}}.bg.bg-footer{background-image:url(/images/bg/bg-footer.jpg?v=uanjd9u);background-position:center top;background-size:1000px}@media only screen and (min-width:768px){.bg.bg-footer{background-size:1150px}}@media only screen and (min-width:992px){.bg.bg-footer{background-size:100%}}.bg.bg-istock-guitar-crowd-hue{background-image:url(/images/bg/bg-guitar-crowd-hue.jpg?v=uanjdab);background-repeat:repeat-y;background-position:center top}.bg.bg-orange-texture{background-image:url(/images/bg/orange-texture.jpg?v=uanjdb9)}.bg.bg-green-texture{background-image:url(/images/bg/green-texture.jpg?v=uanjdc0);background-repeat:repeat;color:#000}footer,footer a.a-footer,footer a.a-footer:visited{color:#444}.bg.bg-hero-homepage{background-size:1000px;background-position:center top}.bg.bg-hero-signup,.user{background-position:center center}@media only screen and (min-width:768px){.bg.bg-hero-homepage{background-size:1200px}}@media only screen and (min-width:992px){.bg.bg-hero-homepage{background-size:100%}}.bg.bg-hero-signup{background-size:1200px}@media only screen and (min-width:768px){.bg.bg-hero-signup{background-size:900px}}@media only screen and (min-width:992px){.bg.bg-hero-signup{background-size:100%}}.bg.bg-signup{background-image:url(/images/bg/bg-signup.jpg?v=uanjdd0)}.bg.bg-guitars-sunset{background-image:url(/images/bg/bg-guitars-sunset.jpg?v=uanjddm)}.user{display:inline-block;width:150px;height:150px;border-radius:50%;background-repeat:no-repeat;background-size:cover;margin-bottom:20px}.user.user-a{background-image:url(/images/users/a.jpg?v=uanjde0)}.user.user-b{background-image:url(/images/users/b.jpg?v=uanjde8)}.user.user-c{background-image:url(/images/users/c.jpg?v=uanjdf1)}.border-radius-0{border-radius:0}.border-radius-top-4,.card-bleed{-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px}.border-radius-top-4{-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}.border-radius-top-5{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.border-radius-top-10{-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px}.border-radius-top-20{-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;border-top-left-radius:20px;border-top-right-radius:20px}.border-radius-10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}.border-radius-20{-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px}.border-radius-5{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}body.body-scrollspy{position:relative}html{padding:0;margin:0;font-size:16px}p{margin-top:1.2em;margin-bottom:1.2em}.dropdown-menu .divider{margin-top:.5em;margin-bottom:.5em}footer{padding:30px 0;font-size:1em}footer span.span-inline{margin-left:10px;margin-right:10px}.promo h1.dbl.sub,.promo h2.dbl.sub,.promo h3.dbl.sub,footer a.a-footer:hover,footer a.a-footer:visited:hover{color:#777}footer .div-social-icons{font-size:30px}footer .p-app{line-height:1em;margin:0 0 20px;padding:0}footer .span-app-detail{font-size:.8em;line-height:.8em}footer ul{margin-bottom:20px;margin-left:0;padding-left:0}footer ul li{margin-top:5px;margin-bottom:5px}footer div.mute{opacity:.5}footer div.div-category{margin-bottom:20px;white-space:nowrap;padding:20px}footer div.div-row{padding-top:20px;padding-bottom:20px}.footer-products{display:flex;width:100%}.footer-products div:first-child{flex-grow:1;margin-right:10px}.footer-products div:last-child{flex-grow:1;margin-left:10px}hr.hr-tight,img{margin:0}hr{display:block;height:1px;border:0;border-top:1px solid #dadada;margin:.25em 0;padding:0}hr.tight{margin-top:0}hr.hr-color-text{border-color:#444}.div-hr-container{overflow:hidden;text-align:center}.div-hr-container .hr{display:inline-block;padding:0 15px;position:relative}div.div-hr div.div-hr-lcr-l span,div.div-hr div.div-hr-lr-l span{padding-left:0!important}.div-hr-container .hr:after,.div-hr-container .hr:before{background:#ddd;content:"";display:block;height:1px;position:absolute;top:50%;width:400%}.div-hr-container .hr:before{right:100%}.div-hr-container .hr:after{left:100%}.div-hr-container .hr.hr-card-bg:after,.div-hr-container .hr.hr-card-bg:before{background:#aaa}span.span-app-description{font-size:1.4em;line-height:1.2em}div.div-hr{background-image:url(/images/css/border.png?v=uanjdfv);background-repeat:repeat-x;text-align:center;height:40px}div.div-hr span{background:#fff}div.div-hr div.div-hr-lcr-c,div.div-hr div.div-hr-lcr-l,div.div-hr div.div-hr-lcr-r{float:left}div.div-hr div.div-hr-lcr-l{width:45%;text-align:left}@media only screen and (min-width:768px){div.div-hr div.div-hr-lcr-l{width:30%}}div.div-hr div.div-hr-lcr-c{width:10%;text-align:center}div.div-hr div.div-hr-lcr-r{width:45%;text-align:right}div.div-hr div.div-hr-lcr-r span{padding-right:0!important}div.div-hr div.div-hr-lr-l,div.div-hr div.div-hr-lr-r{float:left}div.div-hr div.div-hr-lr-l{width:80%;text-align:left}div.div-hr div.div-hr-lr-r{width:20%;text-align:right}img:not(.noscale),video{width:100%}div.div-hr.div-hr-h1{background-position:0 23px}div.div-hr.div-hr-h1 span{padding:0 15px;font-size:2em;font-weight:700}div.div-hr.div-hr-h2{background-position:0 17px}div.div-hr.div-hr-h2 span{padding:0 16px;font-size:21px;font-weight:700}div.div-hr.div-hr-h3{background-position:0 11px}div.div-hr.div-hr-h3 span{padding:0 10px;font-size:1.6em;font-weight:700}div.div-hr.div-hr-h4{background-position:0 10px}div.div-hr.div-hr-h4 span{padding:0 10px;font-size:1.4em;font-weight:700}canvas{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}video{height:auto}img{padding:0}img.centered{display:block;margin-left:auto;margin-right:auto}img.framed{padding:2.5%;border:1px solid #dBDBDB;margin-top:15px;margin-bottom:15px;max-width:95%}img.framed.framed-tight{padding:0;margin:0;max-width:100%}img.padded{padding:5%;max-width:90%}img.caption{margin-bottom:10px}div.caption,span.caption{margin-bottom:20px}div.caption{color:#888;font-size:.85em}span.comment-date,span.comment-error,span.comment-on,span.small{font-size:.9em}@media only screen and (min-width:768px){img.padded{padding:3%;max-width:94%}div.caption{margin-bottom:40px}}img.noborder{border:none;box-shadow:none}.img-shadow,ul.list{box-shadow:0 1px 2px 0 rgba(0,0,0,.22)}img.app-icon{width:50%;padding-left:25%;padding-right:25%;padding-bottom:0}img.img-app-icon{max-width:100px}img.img-circle{border-radius:50%}img.img-circle-150{width:250px;height:250px;object-fit:cover;border-radius:50%}.vertical-align-baseline{vertical-align:baseline}div.div-comment{padding-bottom:20px}div.commentForm,div.commentThread div.loadMore{padding:10px}div.commentForm div.textarea{width:100%;margin-bottom:10px}div.commentForm div.submit{width:100%}div.commentThread{border:1px solid #ddd;background-color:#EDEDED;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin-top:10px}div.commentThread.analysis{margin-bottom:10px}ul.commentThread{margin:0;padding:0;list-style:none;border:0}li.comment{border:0;padding:10px;border-bottom:1px solid #FFF;border-bottom:2px solid #FFF}.triangle-border.top:before,.triangle.top:after,a.details:hover:after{bottom:auto;border-width:0 10px 10px}div.loadMore{padding:20px}span.comment-date{color:#999}span.comment-error{color:red}.triangle{position:relative}.triangle-border:before,.triangle-isosceles:after,.triangle:after{position:absolute;border-style:solid;width:0;display:block;content:""}.triangle:after{left:50%}.triangle.top:after{top:-10px;margin-left:-10px;border-color:red transparent}.triangle-border:before{left:50%}.triangle-border.top:before{top:-11px;margin-left:-10px;border-color:#000 transparent}.triangle.top.commentThread:after{border-color:#EDEDED transparent;left:40px}.triangle-border.top.commentThread:before{border-color:#ddd transparent;left:40px}.triangle.top.collections:after{border-color:#FFF transparent;left:265px;top:-25px}.triangle-border.top.collections:before{border-color:#BBB transparent;left:265px;top:-26px}.triangle.top.section-links:after{border-color:#FFF transparent;left:auto;right:15px;top:-10px}.triangle-border.section-links.top:before{border-color:#BBB transparent;left:auto;right:15px;top:-11px}.triangle-isosceles:after{bottom:-8px;left:50%;border-width:8px 8px 0;border-color:#800 transparent;margin-left:-8px}.triangle-isosceles.top:after{bottom:-1px;center:50%;margin-left:-8px;border-width:0 8px 8px;border-color:#f8f8f8 transparent}@media only screen and (min-width:768px){div.commentThread div.commentForm,div.commentThread div.loadMore,li.comment{padding:10px}div.commentThread.analysis{margin-bottom:20px}span.caption{margin-bottom:40px}}span.link{color:#4B9ED4}span.link:hover{color:#2B88C4;cursor:pointer}span.light{color:#aaa}span.medium{color:#666}span.analysis-meta{color:#999;font-size:.85em}span.h2-match{font-size:1.4em}span.editor-icon-label{padding-top:8px;float:left}span.cp-results-title{font-size:1.2em;color:#000;font-weight:400}span.r{color:red}span.size-18{font-size:18px}.wrap.videos,span.size-16{font-size:16px}span.size-20{font-size:20px}span.size-22{font-size:22px}span.above-header{color:#4B9ED4}span.nav-title{color:#999;font-weight:700;padding-left:15px}@media only screen and (min-width:768px){span.nav-title{padding-left:20px}}span.by{font-size:9px}.span-red{color:#fc0d1b}.span-orange{color:#f18f2e}.span-blue{color:#1136de}.span-green{color:#42a947}div.price{display:block;margin-bottom:20px}.option,.tab,ul.inline-links-small{display:inline-block}div.price span.value{font-size:3em;line-height:.5em}div.price sup{vertical-align:top;font-size:1em;top:0}div.price sub{vertical-align:baseline;font-size:1em;bottom:0;left:-1em}span.span-color-link,span.span-primary{color:#4B9ED4}span.span-color-secondary{color:#085178}span.span-color-complement{color:#F6B02A}span.span-color-home{color:red}span.span-color-tabs{color:#B85798}span.span-color-hookpad{color:#E8482E}span.span-color-hookpad-plus{color:#75C347}span.span-color-hooktheory-i,span.span-color-hooktheory-ii{color:#4B9ED4}span.span-color-star-rating{color:#F38430}span.span-color-text{color:#444}.difficulty-beginner{color:#3FB24F}.difficulty-intermediate{color:#1976B9}.difficulty-advanced{color:#000}div:active,object,object:active{outline:0}div:focus,object:focus{-moz-outline-style:none}ul.inline-links-small{padding:0;margin:0;list-style:none;font-size:.9em}ul.inline-links-small li{float:left;margin:4px}ul.inline-links-small li a{padding:8px;color:#444}ul.inline-links-small li a:hover{color:#444}ul.inline-links-small li:first-child{margin-left:0}ul.inline-links-small li.border a{border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;padding:7px 8px}ul.inline-links-small li.border.active a{border:1px solid #444;color:#444}ul.inline-links-small li.bg a{background-color:#EDEDED;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px}ul.inline-links-small li.bg a:hover{background-color:#DDD}ul.inline-links-small li.bg.active a,ul.inline-links-small li.bg.active a:hover{background-color:#FFF}ul.side-nav{padding-left:0;margin-top:10px}ul.side-nav>li{display:block}ul.side-nav>li>a{padding:1px 8px 1px 35px;display:block;color:#4B9ED4;text-decoration:none;white-space:nowrap}@media only screen and (min-width:768px){ul.side-nav>li>a{padding-left:40px}}ul.compact-nav,ul.yt-list{padding-left:0}ul.side-nav>li>a:hover{background:#4B9ED4;color:#FFF}ul.side-nav>li>a.active{background:#fff;color:#4B9ED4;cursor:default}ul.compact-nav>li{display:block;float:left;padding-right:4px}ul.compact-nav>li>a,ul.compact-nav>li>a:hover{color:#4B9ED4}ul.compact-nav>li>a.active{color:#aaa}ul.yt-list{list-style:none;margin:0 0 30px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px}@media only screen and (min-width:768px){ul.yt-list{margin-bottom:30px}}ul.yt-list li.list-divider{font-weight:700;border:0;padding:0;margin-bottom:7px}ul.yt-list li:not(.list-divider){background:0 0;border:none;color:#444;margin-bottom:10px}ul.yt-list li:last-child,ul.yt-list.bottom-bleed{margin-bottom:0}ul.yt-list li:not(.list-divider) table{padding:0;margin:0;background:0 0!important;border:none;width:100%}ul.yt-list li:not(.list-divider) table tr{background:0 0;border:none}ul.yt-list li:not(.list-divider) table td{padding:0;margin:0;background:0 0;border:none;vertical-align:middle}ul.yt-list li:not(.list-divider) table td.song-info{width:60%;width:82%}ul.yt-list li:not(.list-divider) table td.song-info div.vote-sparkbar-up{background:#4B9ED4}ul.yt-list li:not(.list-divider) table td.song-info div.padding{padding:8px 5px 8px 15px}ul.yt-list li:not(.list-divider) table td.song-info div.padding p.song{line-height:1.4em;padding:0;margin:0;color:#444}ul.yt-list li:not(.list-divider) table td.song-info div.padding p.artist{line-height:1.4em;padding:0;margin:0;font-size:.9em;color:#aaa}ul.yt-list li:not(.list-divider) table td.youtube{width:30%;width:18%}ul.yt-list li:not(.list-divider) table td.difficulty{width:10%;width:0%;vertical-align:bottom;text-align:right}ul.yt-list li:not(.list-divider):hover{cursor:pointer;color:#444}ul.yt-list li:not(.list-divider):hover div.vote-sparkbar-up{background:#2B88C4}ul.yt-list li:not(.list-divider):hover p.song{color:#444}ul.yt-list li:not(.list-divider):hover p.artist{color:#aaa}ul.yt-list li:active{color:#444}ul.yt-list li:last-child table tr{border-bottom:none}ul.yt-list li.li-reload-swf:hover{cursor:pointer}ul.yt-list.yt-list-white li{background:#fff;border-bottom:1px solid #E9E9E9;border-bottom:1px solid #ddd}ul.yt-list.yt-list-white li:hover{background:#E9E9E9}ul.yt-list.yt-list-white li:last-child{border-bottom:none}ul.yt-list.yt-list-last-child-border li:last-child{border-bottom:1px solid #ddd}ul.yt-list li.load-more{padding-bottom:15px}ul.yt-list li.load-more:hover{cursor:pointer}ul.list{background:#fff;list-style:none;padding-left:0;margin:0 0 20px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px}@media only screen and (min-width:768px){ul.list{margin-bottom:40px}}ul.list li.chapter-preview{padding:0}ul.list li.chapter-preview a{margin:0}ul.list li.chapter-preview table{padding:0;margin:0;border:none;width:100%}ul.list li.chapter-preview table tr td.name{width:70%;vertical-align:middle;padding:0}ul.list li.chapter-preview table tr td.img{width:30%;vertical-align:middle;padding:0}ul.list li.top{background:#FFF;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;padding:20px;border-bottom:3px solid #fff}ul.list li.top table,ul.list li.top table tr,ul.list li.top table tr td{padding:0;border:none}ul.list li.top table{margin:0;background:0 0;width:100%}ul.list li,ul.list li.app-logo,ul.list li.app-logo-2,ul.list li.light{border-bottom:1px solid #ddd}ul.list li.top table tr td.chevron{text-align:right;color:#aaa;white-space:nowrap;vertical-align:middle}ul.list li.top table tr td.chevron a{margin:0;display:inline;background:0 0;color:#4B9ED4}ul.list li.top table tr td.chevron a:hover,ul.list li.top table tr td.chevron a:visited:hover{background:0 0;color:#2B88C4}ul.list li.app-logo a,ul.list li.white,ul.list li.white a,ul.list li.white a:hover,ul.list li.white a:visited:hover{background:#FFF}ul.list li.top-link{position:relative;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;padding:20px}ul.list li.top-link a{position:relative;display:block;padding:inherit;color:#4B9ED4;background-color:#FFF;margin:-20px}ul.list li.top-link a:hover,ul.list li.top-link a:visited:hover{color:#2B88C4;background-color:#FFF}ul.list li.app-logo a:hover,ul.list li.app-logo a:visited:hover{background:#E9E9E9}ul.list li.app-logo-2 svg path{fill:#FFF}ul.list li.app-logo-2 a{background:#79BAd4}ul.list li.app-logo-2 a:hover,ul.list li.app-logo-2 a:visited:hover{background:#559ebc;color:#FFF}ul.list li.app-logo-2 a:hover svg path,ul.list li.app-logo-2 a:visited:hover svg path{fill:#FFF}ul.list li.light a{background:#FFF}ul.list li.light a:hover,ul.list li.light a:visited:hover{background:#E9E9E9}ul.list li.link a{background:#4B9ED4;color:#FFF}ul.list li.link a:hover,ul.list li.link a:visited:hover{background:#2B88C4;color:#FFF}ul.list li.mac a{background:#D4D8E2}ul.list li.mac a:hover,ul.list li.mac a:visited:hover{background:#C6CCD2}ul.list li.dark a,ul.list li.dark a:hover,ul.list li.dark a:visited:hover{background-color:#888}ul.list li.red a{background-color:#fc0d1b;color:#FFF}ul.list li.red a:hover,ul.list li.red a:visited:hover{background-color:#c71220;color:#FFF}ul.list li.orange a{background-color:#f18f2e;color:#FFF}ul.list li.orange a:hover,ul.list li.orange a:visited:hover{background-color:#bf722f;color:#FFF}ul.list li{position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:10px 20px}.noselect,.tab,ul.yt-list li:not(.list-divider){-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none}@media only screen and (min-width:768px){ul.list li{padding:10px 25px}}ul.list li a{position:relative;display:block;padding:inherit;border:none;color:#4B9ED4;margin:-10px -20px}ul.list li:last-child,ul.list li:last-child a{-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px}@media only screen and (min-width:768px){ul.list li a{margin:-10px -25px}}ul.list li a:hover,ul.list li a:visited:hover{color:#2B88C4}ul.list li.no-pad{padding:0}ul.list li.no-pad a{margin:0}ul.list li.bottom-bleed{padding-bottom:0;border-bottom:0}ul.list li:first-child,ul.list li:first-child a{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px}ul.list li:last-child{border-bottom:none;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}ul.list li:last-child a{-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}ul.list li.divider{padding:6px 25px;font-size:.9em;font-weight:700;border-bottom:2px solid #FFF;background-color:none!important;color:#444}ul.list.ul-list-link-color li a{color:#4B9ED4}ul.list.ul-list-link-color li a:hover,ul.list.ul-list-link-color li a:visited:hover{color:#2B88C4}ul.list.ul-list-tight-li li{padding-top:10px;padding-bottom:10px}ul.list.ul-list-tight-li li a{margin-top:-10px;margin-bottom:-10px}ul.list.ul-list-white li.top{background:#FFF;border-bottom:1px solid #E9E9E9;border-bottom:1px solid #ddd}ul.list.ul-list-white li{border-bottom:1px solid #E9E9E9;border-bottom:1px solid #ddd}ul.list.ul-list-white li a{background-color:#fff}ul.list.ul-list-white li a:hover,ul.list.ul-list-white li a:visited:hover{background-color:#E9E9E9}ul.list.ul-list-white li:last-child{border-bottom:none}ul.list.apps li,ul.list.ul-list-border-bottom li:last-child,ul.ul-dropdown li.hr{border-bottom:1px solid #ddd}ul.list.ul-list-square-top li:first-child,ul.list.ul-list-square-top li:first-child a{-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;border-top-left-radius:0;border-top-right-radius:0}ul.list.ul-list-square-bottom li:last-child,ul.list.ul-list-square-bottom li:last-child a{-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}ul.list.apps li{padding:20px;text-align:center}ul.list.apps li:last-child{border-bottom:none}ul.list.apps li:hover{background:#4B9ED4;color:#FFF;cursor:pointer}ul.list.apps li:hover svg path{fill:#FFF}ul.list.bottom-bleed{margin-bottom:0}ul.list.list-no-border{border:none}ul.nested-count-a{counter-reset:item;list-style-type:none;margin:0;padding-left:0}ul.nested-count-a>li{counter-increment:item}ul.nested-count-a>li>a:before{content:counter(item) " "}ul.nested-count-a>li>ul{counter-reset:subitem;list-style-type:none;margin:0;padding-left:25px}ol.ol-nested,ul.nested-count{counter-reset:item;list-style-type:none}ul.nested-count-a>li>ul>li{counter-increment:subitem}ol.ol-nested li:before,ul.nested-count>li{counter-increment:item}ul.nested-count-a>li>ul>li>a:before{content:counter(item) "." counter(subitem) " "}ul.nested-count{margin:0;padding-left:0}ul.nested-count>li:before{content:counter(item) " "}ul.nested-count>li>ul{counter-reset:subitem;list-style-type:none;margin:0;padding-left:25px}ul.nested-count>li>ul>li{counter-increment:subitem}ul.nested-count>li>ul>li:before{content:counter(item) "." counter(subitem) " "}ul.center{margin:0;padding:0;list-style:none;text-align:center}ul.center>li{display:inline;padding-left:5px;padding-right:5px}ul.center>li.no-pad{padding:0}ul.ul-social{list-style:none;margin-left:0;padding-left:0}ul.ul-social li{display:block;margin-bottom:10px}ul.ul-social li a{line-height:30px}ul.ul-social li a i{float:left;font-size:30px;line-height:30px}ul.ul-tight-bottom{margin-bottom:0!important;padding-bottom:0!important}ul.ul-no-wrap li{white-space:nowrap}ul.ul-dropdown{margin-top:20px;margin-bottom:20px;text-align:left;list-style-type:none;padding-left:0}.center,.wrap.home,header div.lcr div.c{text-align:center}ul.ul-dropdown li:not(.hr){margin-left:20px;margin-right:20px}ul.ul-dropdown li.hr{margin-top:10px;margin-bottom:10px}div.div-ul-vanilla ul,ul.ul-vanilla{list-style-type:none}ul.docs-side-nav{padding:0;margin:0;list-style:none}ul.docs-side-nav li{margin:0 0 10px;padding:0}ul.docs-side-nav li a{margin:0;padding:0 0 0 5px;border-left:4px solid #fff}ul.docs-side-nav ul{margin:0;padding:0;list-style:none}ul.docs-side-nav ul li{margin:0;padding:0}ul.docs-side-nav ul li a{margin:0;padding:0 0 0 30px}.flat-button.app,.wrap.wrap-progression-tab{padding-top:20px}ul.docs-side-nav li.active>a{border-left:4px solid #4B9ED4}.vpad-10{margin-top:10px;margin-bottom:10px}.vpad-20{margin-top:20px;margin-bottom:20px}.vpad-30{margin-top:30px;margin-bottom:30px}.vpad-40{margin-top:40px;margin-bottom:40px}.vpad-50{margin-top:50px;margin-bottom:50px}.vpad-60{margin-top:60px;margin-bottom:60px}.vpad-70{margin-top:70px;margin-bottom:70px}.vpad-80{margin-top:80px;margin-bottom:80px}.vpad-90{margin-top:90px;margin-bottom:90px}.vpad-100{margin-top:100px!important;margin-bottom:100px!important}.flat-button{padding:20px;border:1px solid #D3D3D3;background-color:#f5f5f5;-webkit-border-radius:8px;-moz-border-radius:8px;-khtml-border-radius:8px;border-radius:8px}.flat-button:hover{background-color:#ebebeb}.flat-button.app{height:150px}@media only screen and (min-width:768px){.flat-button{padding-left:40px;padding-right:40px}}.flat-button.blue{background-color:#a8c1ff;border:1px solid #00F;border:none}.flat-button.blue h2{color:#FFF;text-shadow:1px 1px 2px #00f}input.no-outline-on-focus:focus{outline:0}.noselect,ul.yt-list li:not(.list-divider){-webkit-user-select:none;user-select:none}.hidden{display:none}.hidden.show{display:block!important;visibility:visible!important}.hidden.show-inline{display:inline!important;visibility:visible!important}@media all and (orientation:portrait){.orientation-portrait{display:inline}.orientation-landscape{display:none}}@media all and (orientation:landscape){.orientation-portrait{display:none}.orientation-landscape{display:inline}}iframe.iframe-border{border:1px solid #ddd}iframe{border:none}.slides,.wrap.bottom-border{border-bottom:1px solid rgba(0,0,0,.15);box-shadow:0 0 5px 0 rgba(0,0,0,.07)}.iframe-tab{min-width:100%;width:100px;height:757px}@media only screen and (min-width:374px){.iframe-tab{height:409px}}.wrap{margin:0}.wrap.videos{background-color:#E9E9E9}.wrap-footer,.wrap-home-products{background:#d5d5d5}.wrap.theme-light-gray{background:#eee}.wrap.theme-light-gray-secondary{background:#D0D0D0}.wrap.footer{padding-top:0}.wrap.header{padding:10px}.wrap.wrap-header{padding:20px}.wrap.header.trends{padding-left:15px;padding-right:15px}.wrap.nav2{padding-top:0;padding-bottom:0}.wrap.home{padding-top:100px;padding-bottom:100px;max-width:900px;margin-left:auto;margin-right:auto}@media only screen and (min-width:992px){.wrap.wrap-hv-pad{padding:40px 0}}@media only screen and (min-width:1200px){.wrap.wrap-hv-pad{padding:40px 0}}@media only screen and (min-width:768px){.wrap.wrap-hv-pad{padding:40px 0}.wrap.footer{padding-top:0;padding-bottom:15px}.wrap.bottom-pad{padding-bottom:30px}.wrap.nav2{padding-top:0;padding-bottom:0}}@media only screen and (min-width:992px){.wrap.header{padding:10px}.wrap.nav2{padding-top:0;padding-bottom:0}}.wrap.left-bleed,.wrap.wrap-left-bleed{padding-left:0}.wrap.right-bleed,.wrap.wrap-right-bleed{padding-right:0}.wrap.full-bleed{padding:0}.wrap.bottom-bleed{padding-bottom:0}.wrap.top-bleed{padding-top:0}.wrap.top-tight{padding-top:13px}.wrap.bottom-tight{padding-bottom:11px}.wrap.top-really-tight{padding-top:3px}.wrap.bottom-really-tight{padding-bottom:1px}.wrap.top-border{border-top:1px solid rgba(0,0,0,.15);box-shadow:0 0 5px 0 rgba(0,0,0,.07)}.wrap.no-shadow{box-shadow:none}.wrap.gray{background-color:#f5f5f5;border-bottom:1px solid #ddd}.wrap.black{background-color:#282828}.wrap.wrap-cards{background:#E9E9E9}.wrap.wrap-cards-alt{background:#d2d2d2}.badge,.wrap.wrap-primary{background-color:#085278}.wrap.wrap-primary{color:#fff}.wrap.wrap-secondary{background-color:#085178;color:#fff}.wrap.wrap-secondary .btn-text{background:#fff;color:#085178}.wrap.wrap-2{background-color:#085178;color:#fff}.wrap.wrap-2 .btn-text{background:#fff;color:#085178}.wrap.wrap-3{background-color:#FDD914;color:#fff}.wrap.wrap-3 .btn-text{background:#fff;color:#FDD914}.wrap.wrap-4{background-color:#D72B2F;color:#fff}.wrap.wrap-4 .btn-text{background:#fff;color:#D72B2F}.wrap.wrap-complement{background-color:#FFA22C;color:#fff}.wrap.wrap-complement .btn-text{background:#fff;color:#FFA22C}.wrap.wrap-complement .btn-text-open{background:0 0;border-color:#fff;color:#fff}.wrap.wrap-complement-2{background-color:#241858;color:#fff}.wrap.wrap-complement-2 .btn-text{background:#fff;color:#FFA22C}.wrap.wrap-complement-2 .btn-text-open{background:0 0;border-color:#fff;color:#fff}.wrap.wrap-cover-flow{border-top:1px solid #DDD;background-color:#F8F8F8}@media only screen and (min-width:992px){.wrap.wrap-progression{padding-top:20px}.wrap.wrap-progression-tab{padding-top:30px}}@media only screen and (min-width:1200px){.wrap.wrap-progression-tab{padding-top:25px}}.wrap.wrap-browse{padding-top:20px}@media only screen and (min-width:768px){.wrap.wrap-browse{padding-top:40px}.wrap.wrap-browse .div-browse{padding-bottom:40px}}@media only screen and (min-width:992px){.wrap.wrap-browse{padding-top:40px}.wrap.wrap-browse .div-browse{padding-bottom:40px}}@media only screen and (min-width:1200px){.wrap.wrap-browse{padding-top:40px}.wrap.wrap-browse .div-browse{padding-bottom:40px}}.wrap.wrap-browse .div-browse{padding-top:20px}.wrap.wrap-dji{background:#F3C94E;color:#3B3E40}.wrap.wrap-dji .btn-text{color:#F3C94E}.wrap.wrap-dji-2{background:#62D2C7;color:#3B3E40}.analysis-results,.analysis-search{background-color:#f5f5f5;float:left;width:100%}.wrap.wrap-dji-2 .btn-text{color:#62D2C7}.analysis-main{float:left;width:100%}.analysis-main-padding{padding:10px}.analysis-search{height:92px}.analysis-main-left,.analysis-main-right{width:100%;float:left}.analysis-search-padding{padding:10px 15px;border-bottom:1px solid #666b79;background-image:linear-gradient(top,#ededef 22%,#d8d9de 100%);background-image:-o-linear-gradient(top,#ededef 22%,#d8d9de 100%);background-image:-moz-linear-gradient(top,#ededef 22%,#d8d9de 100%);background-image:-webkit-linear-gradient(top,#ededef 22%,#d8d9de 100%);background-image:-ms-linear-gradient(top,#ededef 22%,#d8d9de 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.22,#ededef),color-stop(1,#d8d9de))}.analysis-right{float:left;width:100%;background-color:#FFF}@media only screen and (min-width:768px){.analysis-results,.analysis-search{position:absolute;left:0;width:33%;border-right:1px solid rgba(0,0,0,.1)}.analysis-search{top:0;border-bottom:1px solid rgba(0,0,0,.1)}.analysis-results{top:93px;bottom:0;overflow-y:auto}.analysis-main,.analysis-main-overlay{position:absolute;top:0;bottom:0;right:0;width:67%;overflow-y:auto}.analysis-main-overlay{z-index:1;background:50% 50% no-repeat #fff;display:none}.analysis-main-overlay.loading{display:block}.analysis-main-padding{padding:30px 50px 50px}}.book-left,.book-right{width:100%;float:left}@media only screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2){.analysis-main-overlay{background:50% 50% no-repeat #fff}}.tabs{padding:7px 15px;border-bottom:1px solid #666b79;background-image:linear-gradient(bottom,#a5a9b6 39%,#f3f5f7 100%);background-image:-o-linear-gradient(bottom,#a5a9b6 39%,#f3f5f7 100%);background-image:-moz-linear-gradient(bottom,#a5a9b6 39%,#f3f5f7 100%);background-image:-webkit-linear-gradient(bottom,#a5a9b6 39%,#f3f5f7 100%);background-image:-ms-linear-gradient(bottom,#a5a9b6 39%,#f3f5f7 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.39,#a5a9b6),color-stop(1,#f3f5f7));clear:both}.book-left-padding,.lc-c .padding,.lc-l .padding{padding:15px}.book-title{padding:10px 0 10px 10px;background:#EBEBEB}@media only screen and (min-width:768px){.book-left,.book-right{position:absolute;top:0;bottom:0;overflow-y:auto}.book-left{left:0;width:320px}.book-right{right:0;left:320px}.book-left-padding{padding:20px}.book-right-padding{padding:20px 20px 20px 0}}.cp-content,.cp-header{left:0;position:absolute;right:0}.cp-header{height:64px;background:0 0}.cp-content{top:65px;bottom:0;height:auto}.cp-chords-top{position:absolute;top:0;height:75px;left:20px;width:365px;margin-top:0;color:#444;z-index:1;background:0 0}.cp-chords,.cp-chords-bottom{bottom:0;width:380px;position:absolute;left:20px}.cp-chords{top:75px;overflow-y:hidden;overflow-x:hidden;padding:0;margin:0}.cp-chords-bottom{height:0;overflow-y:auto}.cp-results-top{position:absolute;top:0;height:75px;left:400px;width:300px}.cp-results,.cp-results-overlay{position:absolute;top:75px;bottom:0;left:400px;width:300px}.cp-results{overflow-y:auto;-webkit-overflow-scrolling:touch;background:0 0}.cp-results-bottom{position:absolute;height:0;bottom:0;left:400px;width:300px}.cp-results-overlay{overflow-y:auto;z-index:10;background:#fff;display:none}.cp-editor,.cp-editor-empty,.cp-editor-overlay{left:700px;top:0;position:absolute;overflow-y:auto;bottom:0}.cp-results-overlay.loading{display:block}.cp-results-msg{padding:10px 15px;margin:0}.cp-editor{width:500px;-webkit-overflow-scrolling:touch}@media only screen and (min-width:1200px){.cp-editor{right:0;width:auto}}.cp-editor-overlay{right:0;-webkit-overflow-scrolling:touch;z-index:10;background:50% 50% no-repeat #fff;display:none}.cp-editor-overlay.loading{display:block}.cp-editor-empty{width:500px;background:#fff;z-index:2;display:none}@media only screen and (min-width:1200px){.cp-editor-empty{right:0;width:auto}}.cp-editor-empty.active{display:block}.cp-welcome-message{display:none}.cp-welcome-message.select-first-chord{position:absolute;top:0;bottom:0;left:400px;width:800px;z-index:1;background:#fff;display:inline;overflow-y:auto;-webkit-overflow-scrolling:touch}@media only screen and (min-width:1200px){.cp-welcome-message.select-first-chord{right:0;width:auto}}.lc-content{position:absolute;left:0;right:0;top:100px;bottom:0;height:auto;overflow-y:auto;width:100%}.lc-l{width:100%;float:left}.lc-l .vpadding{padding-top:15px;padding-bottom:15px}.lc-c{width:100%;float:left}.lc-l.mobile-hide{display:none}@media only screen and (min-width:768px){.lc-c,.lc-l{top:0;bottom:0;overflow-y:auto}.lc-c .padding,.lc-l .padding{padding:20px}.lc-l{position:absolute;left:0;width:300px;border-right:1px solid #ddd}.lc-l .vpadding{padding-top:20px;padding-bottom:20px}.lc-l.mobile-hide{display:block}.lc-c{position:absolute;left:300px;right:0;width:auto}.lc-l.wide{width:450px}.lc-c.wide{left:450px}}@media only screen and (min-width:992px){.lc-c .padding,.lc-l .padding{padding:25px}.lc-l .vpadding{padding-top:25px;padding-bottom:25px}}.cl-c .padding,.cl-l .padding{padding:15px}.cl-content{position:absolute;left:0;right:0;top:100;bottom:0;height:auto;overflow-y:auto;width:100%}.grid111:after,.grid113:after,.grid1234:after,.grid123:after,.grid124:after,.grid124tiles:after,.grid12:after,ul.grid12cl:after,ul.grid233:after,ul.grid236:after,ul.grid2468:after,ul.grid333:after{height:0;visibility:hidden}.cl-c{width:100%;float:left}.cl-l{width:100%;float:left}@media only screen and (min-width:768px){.cl-c,.cl-l{position:absolute;top:0;bottom:0;overflow-y:auto}.cl-c{left:0;right:350px;width:auto}.cl-c .padding{padding:20px}.cl-c .padding.bottom-bleed{padding-bottom:0}.cl-l{right:0;width:350px}.cl-c.below-nav,.cl-l.below-nav{top:40px}.cl-l .padding{padding:20px 20px 20px 40px}.cl-c.below-nav .padding,.cl-l.below-nav .padding{padding-top:10px}.cl-l .padding.bottom-bleed{padding-bottom:0}}@media only screen and (min-width:992px){.cl-c .padding{padding-left:25px}.cl-l .padding{padding-right:25px}}.full-bleed-lc .l{float:left;width:100%;padding-top:15px;padding-bottom:15px}.full-bleed-lc .l.mobile-hide{display:none}@media only screen and (min-width:768px){.full-bleed-lc .l{width:30%;padding-top:20px;padding-bottom:20px;border-right:1px solid rgba(0,0,0,.1)}.full-bleed-lc .l.mobile-hide{display:block}}.full-bleed-lc .c{float:left;width:100%}.full-bleed-lc .c .padding{padding:15px}@media only screen and (min-width:768px){.full-bleed-lc .c{width:70%}.full-bleed-lc .c .padding{padding:20px}.promo{font-size:18px}}@media only screen and (min-width:992px){.full-bleed-lc .c .padding{padding:25px}}.promo h1.dbl,.promo h2.dbl,.promo h3.dbl{margin:0;padding:0;line-height:1.1em}.limit,.limit-1000,.limit-200,.limit-250,.limit-300,.limit-350,.limit-400,.limit-450,.limit-500,.limit-600,.limit-650,.limit-700,.limit-750,.limit-800,.limit-850,.limit-900{margin-left:auto;margin-right:auto}.limit-200{max-width:200px}.limit-250{max-width:250px}.limit-300{max-width:300px}.limit-350{max-width:350px}.limit-400{max-width:400px}.limit-450{max-width:450px}.limit-500{max-width:500px}.limit-600{max-width:600px}.limit-650{max-width:650px}.feature-image,.limit-700{max-width:700px}.limit-750{max-width:750px}.limit-800{max-width:800px}.limit-850{max-width:850px}.limit-900{max-width:900px}.limit-1000{max-width:1000px}header.header-site{padding-top:15px;padding-bottom:0;background-color:#fff;margin-bottom:0;border-bottom:none}header{padding-top:10px;background-color:#E9E9E9;width:100%}header div.lcr div.l{float:left;width:30%}@media only screen and (min-width:768px){header div.lcr div.l{width:35%}}header div.lcr div.c{float:left;width:40%}header div.lcr div.r{float:left;width:30%}@media only screen and (min-width:768px){header div.lcr div.c{width:30%}header div.lcr div.r{width:35%}header div.lr div.l{width:50%}}header div.lr div.l,header div.lr div.r{width:50%;float:left}@media only screen and (min-width:768px){header div.lr div.r{width:50%}}header.no-border{border:none}header.search-browse{background-color:#E9E9E9;margin-top:0;margin-bottom:0;border:none}.wrap.header.search-browse{padding-top:5px;padding-bottom:5px}div.yii-flash-img{float:left;width:20%;text-align:right}div.yii-flash-message{float:left;width:80%}div.col12.col1,div.col12.col2{float:left;width:100%}div.col12.col1{margin-bottom:15px}@media only screen and (min-width:768px){div.col12.col1{width:47.5%;padding-right:2.5%;margin-bottom:0}div.col12.col2{width:47.5%;padding-left:2.5%;padding-right:0}}div.col12.main,div.col12.side{float:left;width:100%}div.col12.main{margin-bottom:15px}@media only screen and (min-width:768px){div.col12.main{width:calc(70% - 20px);margin-right:20px;margin-bottom:0;float:left}div.col12.side{width:30%;float:left}}div.col12.span30,div.col12.span70{width:100%;padding-top:15px;padding-bottom:15px;float:left}div.col12.span30{margin-bottom:15px}@media only screen and (min-width:768px){div.col12.span30,div.col12.span70{padding-top:20px;padding-bottom:20px}div.col12.span30{width:30%;padding-right:0;margin-bottom:0;border-right:1px solid rgba(0,0,0,.1)}div.col12.span70{padding-left:7%;width:63%}}ul.grid12 li.grid-item{list-style:none;float:left;width:100%;padding-bottom:15px}ul.grid12.tight li.grid-item{padding-bottom:0}ul.grid12{margin:0;padding:0}.grid12:after{content:" ";display:block;clear:both;overflow:hidden}@media only screen and (min-width:768px){ul.grid12 li.grid-item{padding-bottom:30px;width:calc((100% - 20px)/ 2);margin-right:20px;padding-left:0;padding-right:0;margin-bottom:20px}ul.grid12.tight li.grid-item{padding-bottom:0}ul.grid12 li.grid-item:nth-child(2n+1){padding-left:0;clear:both}ul.grid12 li.grid-item:nth-child(2n){padding-right:0;margin-right:0}ul.grid12.blog{border-top:1px solid #DDD;border-bottom:1px solid #DDD}}ul.grid12cl{margin:0;padding:0}ul.grid12cl li.grid-item{list-style:none;float:left;width:100%;padding-bottom:15px}ul.grid12cl.tight li.grid-item{padding-bottom:0}ul.grid12cl:after{content:" ";display:block;clear:both;overflow:hidden}@media only screen and (min-width:768px){ul.grid12cl li.grid-item:nth-child(2n+1){width:65.33%;padding-left:0;padding-right:2%;clear:both}ul.grid12cl li.grid-item:nth-child(2n){width:30.66%;padding-left:2%;padding-right:0}}ul.grid123 li.grid-item{list-style:none;float:left;width:100%;margin-bottom:15px}ul.grid123.app-icons li.grid-item{padding-bottom:4%}@media only screen and (max-width:767px){ul.grid123 li.grid-item.mobile-promo{width:90%;padding:20px 5%}}ul.grid123{margin:0;padding:0}.grid123:after{content:" ";display:block;clear:both;overflow:hidden}@media only screen and (min-width:768px) and (max-width:991px){ul.grid123 li.grid-item{width:calc((100% - 20px)/ 2);margin-right:20px;padding-left:0;padding-right:0;margin-bottom:20px}ul.grid123 li.grid-item:nth-child(2n+1){padding-left:0;clear:both}ul.grid123 li.grid-item:nth-child(2n){padding-right:0;margin-right:0}ul.grid123.smart-text{font-size:16px}}@media only screen and (min-width:992px){ul.grid123 li.grid-item{width:calc((100% - 40px)/ 3);margin-right:20px;padding-left:0;padding-right:0;margin-bottom:20px}ul.grid123 li.grid-item:nth-child(3n+1){clear:both}ul.grid123 li.grid-item:nth-child(3n+3){margin-right:0}}ul.grid113 li.grid-item{list-style:none;float:left;width:100%;padding-bottom:15px}ul.grid113.tight-bottom li.grid-item{padding-bottom:10px}ul.grid113.app-icons li.grid-item{padding-bottom:4%}@media only screen and (max-width:767px){ul.grid113 li.grid-item.mobile-promo{width:90%;padding:20px 5%}}ul.grid113{margin:0;padding:0}.grid113:after{content:" ";display:block;clear:both;overflow:hidden}@media only screen and (min-width:992px){ul.grid113 li.grid-item{width:calc((100% - 50px)/ 3);margin-right:25px;padding-left:0;padding-right:0}ul.grid113 li.grid-item:nth-child(3n+1){padding-left:0;clear:both}ul.grid113 li.grid-item:nth-child(3n+3){padding-right:0;margin-right:0}}ul.grid111 li.grid-item{list-style:none;float:left;width:100%;padding-bottom:30px}ul.grid111.tight-bottom li.grid-item{padding-bottom:10px}ul.grid111.app-icons li.grid-item{padding-bottom:4%}@media only screen and (max-width:767px){ul.grid111 li.grid-item.mobile-promo{width:90%;padding:20px 5%}}ul.grid111{margin:0;padding:0}.grid111:after{content:" ";display:block;clear:both;overflow:hidden}ul.grid1234 li.grid-item{list-style:none;float:left;width:100%;padding-bottom:10px}ul.grid1234{margin:0;padding:0}.grid1234:after{content:" ";display:block;clear:both;overflow:hidden}@media only screen and (min-width:480px) and (max-width:767px){ul.grid1234 li.grid-item{width:47.4%;padding-left:2.5%;padding-right:2.5%}ul.grid1234 li.grid-item:nth-child(2n+1){padding-left:0;clear:both}ul.grid1234 li.grid-item:nth-child(2n){padding-right:0}}@media only screen and (min-width:768px) and (max-width:991px){ul.grid1234 li.grid-item{width:30%;padding-left:2.5%;padding-right:2.5%}ul.grid1234 li.grid-item:nth-child(3n+1){padding-left:0;clear:both}ul.grid1234 li.grid-item:nth-child(3n+3){padding-right:0}}@media only screen and (min-width:992px){ul.grid1234 li.grid-item{width:24.1%;padding-left:.6%;padding-right:.6%}ul.grid1234 li.grid-item:nth-child(4n+1){padding-left:0;clear:both}ul.grid1234 li.grid-item:nth-child(4n){padding-right:0}}ul.grid124 li.grid-item{list-style:none;float:left;width:100%;margin-bottom:15px}ul.grid124{margin:0;padding:0}.grid124:after{content:" ";display:block;clear:both;overflow:hidden}@media only screen and (min-width:768px) and (max-width:991px){ul.grid124 li.grid-item{width:calc((100% - 20px)/ 2);margin-right:20px;padding-left:0;padding-right:0;margin-bottom:20px}ul.grid124 li.grid-item:nth-child(2n+1){padding-left:0;clear:both}ul.grid124 li.grid-item:nth-child(2n){padding-right:0;margin-right:0}}@media only screen and (min-width:992px){ul.grid124 li.grid-item{width:calc((100% - 75px)/ 4);margin-right:25px;padding-left:0;padding-right:0;margin-bottom:25px}ul.grid124 li.grid-item:nth-child(4n+1){padding-left:0;clear:both}ul.grid124 li.grid-item:nth-child(4n){padding-right:0;margin-right:0}}ul.grid124tiles li.grid-item{list-style:none;float:left;width:100%;margin-bottom:3px}ul.grid124tiles{margin:0;padding:0}.grid124tiles:after{content:" ";display:block;clear:both;overflow:hidden}@media only screen and (min-width:768px) and (max-width:991px){ul.grid124tiles li.grid-item{width:calc((100% - 3px)/ 2);margin-right:3px;padding-left:0;padding-right:0;margin-bottom:3px}ul.grid124tiles li.grid-item:nth-child(2n+1){padding-left:0;clear:both}ul.grid124tiles li.grid-item:nth-child(2n){padding-right:0;margin-right:0}}@media only screen and (min-width:992px){ul.grid124tiles li.grid-item{width:calc((100% - 9px)/ 4);margin-right:3px;padding-left:0;padding-right:0}ul.grid124tiles li.grid-item .a-app-tile{min-height:165px}ul.grid124tiles li.grid-item:nth-child(4n+1){padding-left:0;clear:both}ul.grid124tiles li.grid-item:nth-child(4n){padding-right:0;margin-right:0}}ul.grid236{margin:0;padding:0}ul.grid236 li.grid-item{list-style:none;float:left;padding-bottom:15px;box-sizing:content-box}@media only screen and (max-width:767px){ul.grid236 li.grid-item{width:48%;padding-left:2%;padding-right:2%}ul.grid236 li.grid-item:nth-child(2n+1){padding-left:0;clear:both}ul.grid236 li.grid-item:nth-child(2n){padding-right:0}}@media only screen and (min-width:768px) and (max-width:991px){ul.grid236 li.grid-item{width:32%;padding-left:1%;padding-right:1%}ul.grid236 li.grid-item:nth-child(3n+1){padding-left:0;clear:both}ul.grid236 li.grid-item:nth-child(3n){padding-right:0}}@media only screen and (min-width:992px){ul.grid236 li.grid-item{width:15.5%;padding-left:.7%;padding-right:.7%}ul.grid236 li.grid-item:nth-child(6n+1){padding-left:0;clear:both}ul.grid236 li.grid-item:nth-child(6n){padding-right:0}}ul.grid236.app-icons li.grid-item{padding-bottom:4%}ul.grid236:after{content:" ";display:block;clear:both;overflow:hidden}ul.grid233{margin:0;padding:0}ul.grid233 li.grid-item{list-style:none;float:left;padding-top:2%;padding-bottom:2%}@media only screen and (max-width:767px){ul.grid233 li.grid-item{width:45%;padding-left:5%;padding-right:5%}ul.grid233 li.grid-item:nth-child(2n+1){padding-left:0;clear:both}ul.grid233 li.grid-item:nth-child(2n){padding-right:0}}@media only screen and (min-width:768px){ul.grid233 li.grid-item{width:29.5%;padding-left:2.5%;padding-right:2.5%}ul.grid233 li.grid-item:nth-child(3n+1){padding-left:0;clear:both}ul.grid233 li.grid-item:nth-child(3n){padding-right:0}}ul.grid233.app-icons li.grid-item{padding-bottom:4%}ul.grid233:after{content:" ";display:block;clear:both;overflow:hidden}ul.grid333{margin:0;padding:0;width:100%}ul.grid333 li.grid333-item{list-style:none;float:left;width:30%;padding:2% 2.5%}ul.grid333 li.grid333-item:nth-child(3n+1){padding-left:0;clear:both}ul.grid333 li.grid333-item:nth-child(3n){padding-right:0}ul.grid333.padded li.grid333-item{width:28%;padding-left:4%;padding-right:4%;padding-bottom:10%}ul.grid333.padded li.grid333-item:nth-child(3n+1),ul.grid333.tight li.grid333-item:nth-child(3n+1){padding-left:0;clear:both}ul.grid333.padded li.grid333-item:nth-child(3n){padding-right:0}ul.grid333.tight li.grid333-item{margin:0;width:33.333333%;padding:0}ul.grid333:after{content:" ";display:block;clear:both;overflow:hidden}ul.grid2468{margin:0;padding:0}ul.grid2468 li.grid-item{list-style:none;float:left;padding-bottom:15px;box-sizing:content-box}@media only screen and (max-width:767px){ul.grid2468 li.grid-item{width:48%;padding-left:2%;padding-right:2%}ul.grid2468 li.grid-item:nth-child(2n+1){padding-left:0;clear:both}ul.grid2468 li.grid-item:nth-child(2n){padding-right:0}}@media only screen and (min-width:768px) and (max-width:991px){ul.grid2468 li.grid-item{width:22.75%;padding-left:1.5%;padding-right:1.5%}ul.grid2468 li.grid-item:nth-child(4n+1){padding-left:0;clear:both}ul.grid2468 li.grid-item:nth-child(4n){padding-right:0}}@media only screen and (min-width:992px) and (max-width:1199px){ul.grid2468 li.grid-item{width:15%;padding-left:1%;padding-right:1%}ul.grid2468 li.grid-item:nth-child(6n+1){padding-left:0;clear:both}ul.grid2468 li.grid-item:nth-child(6n){padding-right:0}}@media only screen and (min-width:1200px){ul.grid2468 li.grid-item{width:12.4%;padding-left:1.1%;padding-right:1.1%}ul.grid2468 li.grid-item:nth-child(7n+1){padding-left:0;clear:both}ul.grid2468 li.grid-item:nth-child(7n){padding-right:0}}ul.grid2468:after{content:" ";display:block;clear:both;overflow:hidden}div.fixed-grid-3 div{float:left;width:33%}payment span.message{padding:0;margin:0}.ad,div.message{margin-bottom:15px}div.message{padding:15px;margin-top:15px;border:0;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px}div.message.answer{padding:5px}div.message.compact,div.message.top{margin-top:0}div.message.bottom{margin-bottom:0}div.message.bottom-bleed{padding-bottom:0}.message.white,.message.white-link,.message.white-link:hover{background-color:#FFF}.success,div.message.answer{color:#3c763d;background-color:#dff0d8}.info{color:#31708f;background-color:#d9edf7}.warning{color:#8a6d3b;background-color:#fcf8e3}.toc{background-color:#E9E9E9}.toc.link:hover{background-color:#DDD}table{width:100%;border-collapse:separate}@media only screen and (min-width:768px){div.message{padding:25px;margin-bottom:20px;margin-top:20px}div.message.answer{padding:10px}div.message.compact{padding:10px;margin-bottom:15px}div.message.bottom-bleed{padding-bottom:0}table{font-size:1em}}table.zebra tr:nth-of-type(odd){background:#F4F6F9}table.valign td,table.valign th{vertical-align:middle}th{color:#000;font-weight:700;background:0 0}td,th{padding:10px;text-align:left}td.nowrap,th.nowrap{white-space:nowrap}table.no-cell-border td,table.no-cell-border th{border:0;text-align:left;padding-left:0;padding-top:5px;padding-bottom:5px}table.buy-options tr{background:#FFF;border-bottom:1px solid #ddd}table.buy-options td,table.buy-options th{border:0;text-align:left}.card-article,.card-bleed .body-border-bottom,table.invoice tr{border-bottom:1px solid #ddd}table.invoice tr{background:0 0!important}table.invoice td,table.invoice th{background:0 0!important;border:0;text-align:left;padding-top:5px!important;padding-bottom:5px!important}table.invoice td:nth-of-type(3),table.invoice th:nth-of-type(3){text-align:right;padding-right:0}table.invoice td:nth-of-type(1),table.invoice th:nth-of-type(1){padding-left:0}table.invoice td:nth-of-type(2),table.invoice th:nth-of-type(2){text-align:right}table.invoice tr.noborder{border-bottom:0}table.invoice tr.tight-bottom td,table.invoice tr.tight-bottom th{padding-bottom:1px}table.invoice tr.tight-top td,table.invoice tr.tight-top th{padding-top:1px}@media only screen and (max-width:480px){table.mobile table,table.mobile tbody,table.mobile td,table.mobile th,table.mobile thead,table.mobile tr{display:block}table.mobile thead tr{position:absolute;top:-9999px;left:-9999px}table.mobile tr{margin-top:10px;border:1px solid #ddd;padding:5px}table.mobile td{text-align:left;padding:5px 5px 5px 50%;border:none;border-bottom:1px solid #eee;position:relative}table.mobile td:nth-last-child(1){border-bottom:0}table.mobile td:before{position:absolute;left:6px;width:45%;padding-right:10px;white-space:nowrap}table.mobile tr:nth-of-type(odd){background:#F5F5F5}table.mobile table.revision-history td:nth-of-type(1):before{content:"Date"}table.mobile table.revision-history td:nth-of-type(2):before{content:"Revised by"}table.mobile table.revision-history td:nth-of-type(3):before{content:"Editors comments"}table.mobile table.projects td:nth-of-type(1):before{content:"Project"}table.mobile table.projects td:nth-of-type(2):before{content:"Date modified"}table.mobile table.projects td:nth-of-type(3):before{content:"Share"}table.mobile table.projects td:nth-of-type(4):before{content:"Privacy"}table.mobile table.projects td:nth-of-type(5):before{content:"Delete"}table.mobile table.analyses td:nth-of-type(1):before{content:"Artist"}table.mobile table.analyses td:nth-of-type(2):before{content:"Song"}table.mobile table.analyses td:nth-of-type(3):before{content:"Section"}table.mobile table.analyses td:nth-of-type(4):before{content:"Date modified"}table.mobile table.analyses td:nth-of-type(5):before{content:"Is current?"}table.mobile table.top-contributors td:nth-of-type(1):before{content:"Rank"}table.mobile table.top-contributors td:nth-of-type(2):before{content:"User"}table.mobile table.top-contributors td:nth-of-type(3):before{content:"Points"}}.ad,table.modern{-webkit-border-radius:6px;-moz-border-radius:6px}table.modern{-ms-border-radius:6px;border-radius:6px}div.youtube-thumbnail.border,table.modern tr{border:1px solid #ddd}table.modern tr td,table.modern tr th{border:none;padding-right:0}table.no-border tr,table.no-border tr td,table.no-border tr th{border:none}table.no-pad,table.no-pad tr,table.no-pad tr td,table.no-pad tr th,table.table-no-pad,table.table-no-pad tr,table.table-no-pad tr td,table.table-no-pad tr th{padding:0}table.feature tr td.txt-left{padding-right:5%;width:75%;vertical-align:middle}table.feature tr td.txt-right{padding-left:5%;width:75%;vertical-align:middle}table.feature tr td.img{width:20%;vertical-align:middle;padding:0}table.quote{font-style:italic;margin-bottom:20px}table.quote tr td.icon{font-size:1.4em;padding-right:0;padding-left:0;vertical-align:top}table.app-nav tr td.text,table.message tr td,table.vertical-center tr td,table.vertical-center tr th{vertical-align:middle}table.quote tr td{padding-top:0;padding-bottom:0}table.quote tr td cite{color:#aaa;font-size:.7em;display:block;margin-top:5px}table.quote tr td cite:before{content:"— "}table.quote.light tr td.icon{color:#DDD}table.quote.light tr td{color:#FFF}table.quote.light tr td cite{color:#DDD}table.message tr td.icon{font-size:3em}table.my-tabs tr{border-bottom:2px solid #FFF;border-bottom:1px solid #ddd}table.my-tabs tr td,table.my-tabs tr th{padding-top:4px;padding-bottom:4px}table.my-tabs tr td:last-child,table.my-tabs tr th:last-child{text-align:right}table.my-tabs tr td.date{color:#555}table.my-tabs tr:hover{background:#E9E9E9}table.app-nav{width:288px;font-size:12px;line-height:1.2em;margin-bottom:10px;margin-top:10px}table.app-nav tr td,table.app-nav tr th{border:none}table.app-nav tr td.center{text-align:center}table.app-nav tr td.center p.description{font-size:.9em;color:#555;margin-top:.1em;margin-bottom:.4em}table.app-nav tr td{padding:10px 15px}@media only screen and (min-width:768px){table.app-nav{width:300px}table.app-nav tr td{padding-left:20px;padding-right:20px}}table.app-nav tr td.icon{width:60px;padding-right:15px}table.app-nav tr td.text{padding-left:0}table.app-nav tr td.text p.description{font-size:.9em;color:#888;margin-top:.1em;margin-bottom:.4em}table.app-nav tr:hover{background:#4B9ED4;color:#FFF!important;cursor:pointer}table.app-nav tr:hover td p.description{color:#FFF}table.app-nav tr:hover td svg path{fill:#FFF}div.dropdown div.home,div.dropdown div.links,div.dropdown div.social,div.site-meta div.home,div.site-meta div.links,div.site-meta div.social{font-size:12px;padding:8px 15px}div.dropdown div.home a,div.dropdown div.links a,div.dropdown div.social a,div.site-meta div.home a,div.site-meta div.links a,div.site-meta div.social a{color:#444}div.dropdown div.home a:hover,div.dropdown div.links a:hover,div.dropdown div.social a:hover,div.site-meta div.home a:hover,div.site-meta div.links a:hover,div.site-meta div.social a:hover{color:#555}div.dropdown div.home,div.site-meta div.home{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;background:#FFF;padding-top:15px;padding-bottom:0;text-align:center}div.dropdown div.links,div.site-meta div.links{-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-bottom:15px;color:#444}@media only screen and (min-width:768px){div.dropdown div.home,div.dropdown div.links,div.dropdown div.social,div.site-meta div.home,div.site-meta div.links,div.site-meta div.social{padding-left:20px;padding-right:20px}div.dropdown div.home,div.site-meta div.home{padding-top:20px}div.dropdown div.links,div.site-meta div.links{padding-bottom:20px}}div.dropdown div.social,div.site-meta div.social{padding-bottom:4px}div.dropdown div.links.links-secondary,div.dropdown div.links.links-secondary a,div.site-meta div.links.links-secondary,div.site-meta div.links.links-secondary a{color:#aaa}div.dropdown div.links.links-secondary a:hover,div.site-meta div.links.links-secondary a:hover{color:#888}table.social-buttons,table.social-buttons tr{border:none;padding:0}table.social-buttons tr td:first-child{padding-right:0}table.social-buttons tr td{border:none;width:33%;text-align:center}table.author td.thumb{width:40px}table.author td.thumb img{width:35px;height:35px}table.author td{text-align:left}table.ellipsis{width:100%;table-layout:fixed}table.ellipsis td,table.ellipsis th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}table.no-margin{margin-bottom:0}table.table-3-col td,table.table-3-col th{width:33.3%;vertical-align:top}table.table-2-col td,table.table-2-col th{width:50%;vertical-align:top}table.table-5-col td,table.table-5-col th{width:20%;vertical-align:top}table.table-center td,table.table-center th{text-align:center}ol.homepage li{font-size:3em;font-weight:700;margin:0 0 0 1em;line-height:.3em}ol.homepage li span{font-size:.35em}a.details{text-decoration:none;position:relative}a.details p.details{display:none;line-height:1em;text-decoration:none}a.details:hover:after{display:block;content:"";position:absolute;border-style:solid;width:0;top:35px;left:50%;margin-left:-10px;border-color:#444 transparent}p.details{position:absolute;z-index:1;top:30px;background-color:#444;text-align:center;left:50%;width:100px;margin-left:-50px;padding:5px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}a.details:hover p.details{display:block}a.details.badge:hover:after{top:30px}p.details.badge{top:25px}a.details.avatar:hover:after{top:50px}p.details.avatar{top:45px}a.details.smallicon:hover:after{top:25px}a.details.smallicon p.details{top:20px}div.wp-excerpt{border-top:1px solid #DBDBDB;padding-bottom:30px;padding-top:5px}div.wp-excerpt div.posted-on{text-align:right;font-size:.85em;padding-bottom:15px;color:#888}div.wp-excerpt h1{padding-bottom:30px}div.wp-excerpt img{float:left;width:40%;margin-right:20px}div.wp-excerpt.last{border-bottom:0}form.credit-card{width:402px;height:232px;background:url(/images/credit-card/credit-card-form-bg.png) no-repeat;background-size:402px 232px}form.credit-card div.content{width:100%;margin:15px;padding-top:80px;color:#888}form.credit-card div.content div.credit-card-number{float:left;width:260px;margin-right:20px}form.credit-card div.content div.credit-card-cvc{float:left;width:60px}form.credit-card div.content div.credit-card-expiration{float:left;width:170px}form.credit-card div.content div.credit-card-zip{float:left;width:120px}form.inline{float:left}form.inline input[type=submit]{padding:0;background-color:#FFF;border-radius:0;color:#4B9ED4;font-size:16px;height:24px}button.vote-login-close,button.votedown,button.voteup{border:0 outset buttonface;padding:0}form.inline input[type=submit]:hover{color:#2B88C4}button.voteup{width:27px;width:17px;height:26px;background-position:-4px;margin:0}button.voteup:hover{background-position:-44px;cursor:pointer}button.voteup.active{background-position:-44px;cursor:default}button.votedown{width:28px;width:17px;height:26px;background-position:-24px;margin:0 0 0 5px}button.votedown:hover{background-position:-64px;cursor:pointer}button.votedown.active{background-position:-64px;cursor:default}.hide-icon:hover,.hide-icon:hover:after,.hide-icon:hover:before,.list-icon:hover,.list-icon:hover:after,.list-icon:hover:before,.option,button.vote-login-close:hover,div.row.row-tabs a.a-tab-block:hover{cursor:pointer}button.vote-login-close{float:right;width:16px;height:16px;background-position:0;margin:0}div.vote-sparkbars{height:6px;margin:0}div.vote-sparkbar-up{background:#444;float:left;height:6px}div.vote-sparkbar-down{background:#A1D1F0;float:right;height:6px;margin-right:-1px}span.vote-count{font-size:10px}.option,.tab,div.vote-login{font-size:12px}span.vote-info{color:#444;line-height:1em}span.thanks{color:#444}div.vote-login{border:1px solid #DBDBDB;padding:5px;margin-top:5px}.tab{padding:8px 9px 5px;border:1px solid rgba(0,0,0,.2);border-bottom:1px solid #FFF;background-color:rgba(0,0,0,.05);-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;-webkit-user-select:none;user-select:none}.tab.active{background-color:#FFF}div.row.row-tabs{padding-bottom:0}div.row.row-tabs a.a-tab-block{display:block;text-align:center;padding:7px 25px;color:#aaa;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #aaa;z-index:1;position:relative;bottom:-1px}.hide-icon,.option{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;position:relative}div.row.row-tabs a.a-tab-block:hover{text-decoration:none;border-color:#666;color:#666}div.row.row-tabs a.a-tab-block.a-tab-active{z-index:3;border-color:#333 #333 #fff;color:#333;font-weight:700}div.row.row-tabs-bottom-border{border-top:1px solid #555;position:relative;z-index:2}.option{vertical-align:top;padding:5px 10px;color:#666;border-radius:100px;margin-right:10px;text-shadow:0 1px 2px #fff;user-select:none}.option.browse{color:#646464}.option.active{background-image:linear-gradient(top,#f7f2f7 31%,#ebebeb 66%);background-image:-o-linear-gradient(top,#f7f2f7 31%,#ebebeb 66%);background-image:-moz-linear-gradient(top,#f7f2f7 31%,#ebebeb 66%);background-image:-webkit-linear-gradient(top,#f7f2f7 31%,#ebebeb 66%);background-image:-ms-linear-gradient(top,#f7f2f7 31%,#ebebeb 66%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(.31,#f7f2f7),color-stop(.66,#ebebeb));background-color:rgba(0,0,0,.2);box-shadow:inset 0 1px 1px -1px #000}.option:active{padding-top:6px;padding-bottom:4px;color:#333;background-color:#ccc;background-image:none;box-shadow:inset 0 3px 3px rgba(0,0,0,.2)}.list-icon,.list-icon:after,.list-icon:before{height:6px;background-color:#c8c8c8;width:30px}.option.browse.active{color:#000}.list-icon:after,.list-icon:before{content:"";position:relative;display:block}.list-icon:before{top:12px}.list-icon:after{top:18px}.list-icon:active,.list-icon:active:after,.list-icon:active:before{background-color:#969696}.hide-icon{height:30px;width:30px;background-color:#c8c8c8;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;user-select:none}.card-shop,.hide-icon:after,.hide-icon:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hide-icon:after,.hide-icon:before{content:"";position:relative;display:block;height:4.2px;width:18px;-webkit-touch-callout:none;-khtml-user-select:none;user-select:none}.hide-icon:before{left:6px;top:12.9px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);background-color:#FFF}.hide-icon:after{left:6px;top:8.7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);background-color:#FFF}.hide-icon:active{background-color:#969696}.tab-down{width:0;height:0;border-right:35px solid #e1e1e1;border-top:35px solid #e1e1e1;border-left:35px solid #e1e1e1;border-top-left-radius:35px;border-top-right-radius:35px;margin-left:auto;margin-right:auto;margin-top:20px}.tab-down:after,.tab-down:before{position:relative;display:block;width:16px;height:5px;background-color:#FFF;content:""}.tab-down:before{top:-15px;left:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tab-down:after{top:-20px;left:-12px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.refresh-icon{display:block;width:18px;height:18px;border:6px solid #969696;border-right:6px solid transparent;border-radius:30px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.refresh-icon:after{content:"";left:11px;top:-1px;display:block;width:0;height:0;position:relative;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #969696;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}#ios-arrow-left:before,#ios-arrow-right:after{height:24px;width:24px;background-position:-1px -.5px;-webkit-mask-image:-webkit-gradient(linear,left top,right bottom,from(#000),color-stop(.4,#000),color-stop(.5,transparent),to(transparent));border-radius:0 10px;z-index:1;background-size:20px 20px}.refresh-icon:active,.refresh-icon:active:after{border-top-color:#969696}.refresh-icon:active{border-left-color:#969696;border-bottom-color:#969696}#ios-arrow-left,#ios-arrow-right{display:block;z-index:0;top:50px;height:30px;width:auto;background-size:100% 30px;background-position:0;background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.3) 100%);border-radius:5px;border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 -1px 1px rgba(0,0,0,.2) inset,0 1px 2px rgba(0,0,0,.8) inset;font-weight:400;font-size:12px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.8);position:absolute;background-repeat:repeat-x;text-align:center;line-height:30px;cursor:pointer}.refresh-icon:hover,.refresh-icon:hover:after{cursor:pointer}#ios-arrow-left{left:50px;padding:0 10px 0 6px}#ios-arrow-left:before{position:absolute;content:" ";left:-8px;top:3.5px;background-repeat:repeat-x;background-image:-webkit-gradient(linear,left bottom,right top,from(rgba(0,0,0,0)),color-stop(.5,rgba(0,0,0,0)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.3)));-webkit-transform:rotate(-45deg) skew(-10deg,-10deg);border-left:1.5px solid rgba(255,255,255,.4);box-shadow:1px 1px 1px rgba(0,0,0,.4) inset,-1px 1px 1px rgba(0,0,0,.5) inset}#ios-arrow-right{right:50px;padding:0 6px 0 10px}#ios-arrow-right:after{position:absolute;content:" ";right:-7.5px;top:3px;background-repeat:repeat-x;background-image:-webkit-gradient(linear,left bottom,right top,from(rgba(255,255,255,.3)),color-stop(.5,rgba(255,255,255,.1)),color-stop(.5,rgba(0,0,0,0)),to(rgba(0,0,0,0)));-webkit-transform:rotate(135deg) skew(-10deg,-10deg);border-top:1.5px solid rgba(255,255,255,.4);box-shadow:1px 1px 1px rgba(0,0,0,.5) inset,-1px 1px 1px rgba(0,0,0,.4) inset}#ios-arrow-left,#ios-arrow-left:before{background-color:#4a6c9b}#ios-arrow-left:hover,#ios-arrow-left:hover:before{background-color:#365887}#ios-arrow-right,#ios-arrow-right:after{background-color:#212121}#ios-arrow-right:hover,#ios-arrow-right:hover:after{background-color:#000}.addthis_counter_style a{padding-right:10px!important}.addthis_counter_style a.last{padding-right:0!important}.youtube-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;max-width:100%}.youtube-container embed,.youtube-container iframe,.youtube-container object{position:absolute;top:0;left:0;width:100%;height:100%}div.youtube-thumbnail{height:60px;width:60px;overflow:hidden;background-color:#EDEDED}div.youtube-thumbnail img{width:120px;height:90px;position:relative;top:-15px;left:-30px}div.youtube-thumbnail.small2{height:90px;width:90px;overflow:hidden}div.youtube-thumbnail.small2 img{width:192px;height:108px;position:relative;top:-9px;left:-51px}div.youtube-thumbnail.medium{height:120px;width:120px;overflow:hidden}div.youtube-thumbnail.medium img{width:192px;height:108px;position:relative;top:6px;left:-36px}div.youtube-thumbnail.circle{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}div.youtube-thumbnail.small2.circle{-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px}div.youtube-thumbnail.medium.circle{-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px}div.youtube-thumbnail.collection-preview-tl{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px}div.youtube-thumbnail.collection-preview-tr{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px}div.theorytab-youtube>div.theorytab-youtube-iframe{margin-left:0;width:100%;margin-top:0}.suggestions{position:absolute;-webkit-overflow-scrolling:touch;display:none;padding:10px}span.deleteicon{position:relative;line-height:16px}span.deleteicon i{position:absolute;display:block;top:0;right:10px;width:16px;height:16px;cursor:pointer;color:#BBB}.fa.link:hover{cursor:pointer;color:#222}.fa.link:active{color:#000}.fa.li{font-size:1.3em}.fa.li-big{font-size:1.5em}.difficulty-empty{color:#FFF}.fa.header{color:#999}div.hide{position:relative}div.hide a.close{position:absolute;right:6px;top:0;font-size:22px}div.hide a.close:hover{cursor:pointer}.show-m{display:none}@media only screen and (max-width:767px){.show-m{display:block}}.show-mt{display:none}@media only screen and (max-width:991px){.show-mt{display:inline-block}}.show-t{display:none}@media only screen and (min-width:768px) and (max-width:991px){.show-t{display:block}}.show-tl{display:none}@media only screen and (min-width:768px){.show-tl{display:block}}.show-tl-inline{display:none}@media only screen and (min-width:768px){.show-tl-inline{display:inline}.ad{margin-bottom:30px}}.show-l{display:none}@media only screen and (min-width:992px){.show-l{display:block}}.show-l-inline{display:none}@media only screen and (min-width:992px){.show-l-inline{display:inline}}.ad{padding:15px;-ms-border-radius:6px;border-radius:6px;background:#E9E9E9}@media only screen and (min-width:768px){.ad.pad{padding:30px 15px}}.ad.bottom-bleed{padding-bottom:0}div.reveal div.content{display:none;width:auto}div.reveal span.show{display:inline}div.reveal span.hide{display:none}div.reveal span.show:after{content:"Show answer"}div.reveal span.hide:after{content:"Hide"}div.reveal span{color:#4B9ED4}div.reveal span:hover{color:#2B88C4;cursor:pointer}div.reveal.show div.content{display:block}div.reveal.show span.show{display:none}div.reveal.show span.hide{display:inline}i.i-lg{font-size:3em}ol.ol-nested{color:#aaa}ol.ol-nested li{display:block}ol.ol-nested li:before{content:counters(item,".") " "}ol.ol-nested.ol-nested-left{padding-left:0}.toggle{color:#007fcb}.toggle:hover{cursor:pointer;text-decoration:underline}.answer{padding:5px;margin-bottom:10px;margin-top:10px;background-color:#E1FADD;color:#5E0E59;border:1px solid #A5D69E;-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;border-radius:6px}.social-love-subscribe{float:left;width:100%}.social-love-spread{float:left;width:100%;padding-top:15px}@media only screen and (min-width:768px){.social-love-subscribe{float:left;width:50%}.social-love-spread{padding-top:0;float:left;width:49%}}.jbar{height:50px;width:100%;position:fixed;text-align:center;left:0;z-index:9999999;margin:0;padding:0}.jbar-top{top:0}.jbar-bottom{bottom:0}.jbar-content{line-height:46px;font-size:18px}a.jbar-cross{position:absolute;width:31px;height:31px;background:url(../images/cross.png) top left no-repeat;cursor:pointer;right:10px}a.jbar-cross:hover{background-image:url(../images/cross_hover.png)}.jbar-top a.jbar-cross{top:8px}.jbar-bottom a.jbar-cross{bottom:8px}.notification{background-color:rgba(0,0,0,.8);color:#DDD}.show-hide-toggle:hover{cursor:pointer;text-decoration:underline}.show-hide-toggle{color:#007fcb}#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(fancybox/fancybox.png?v=uanjdgg)}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:0;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}#fancybox-content{width:0;height:0;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;background:0 0;z-index:1101}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:-40px 0;cursor:pointer;z-index:1103;display:none}#fancybox-error{color:#444;font:400 12px/20px Arial;padding:14px;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:0;line-height:0;vertical-align:top}#fancybox-frame{width:100%;height:100%;border:none;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background:0 0;z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url(fancybox/fancybox.png?v=uanjdh2);background-position:-40px -30px}#fancybox-right-ico{background-image:url(fancybox/fancybox.png?v=uanjdhi);background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}.fancybox-ie6 #fancybox-close{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_close.png", sizingMethod="scale")}.fancybox-ie6 #fancybox-left-ico{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_nav_left.png", sizingMethod="scale")}.fancybox-ie6 #fancybox-right-ico{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_nav_right.png", sizingMethod="scale")}.fancybox-ie6 #fancybox-title-over{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_title_over.png", sizingMethod="scale");zoom:1}.fancybox-ie6 #fancybox-title-float-left{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_title_left.png", sizingMethod="scale")}.fancybox-ie6 #fancybox-title-float-main{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_title_main.png", sizingMethod="scale")}.fancybox-ie6 #fancybox-title-float-right{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_title_right.png", sizingMethod="scale")}#fancybox-hide-sel-frame,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right{height:expression(this.parentNode.clientHeight + "px")}#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + "px")}#fancybox-loading.fancybox-ie6 div{background:0 0;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_loading.png", sizingMethod="scale")}.fancybox-ie .fancybox-bg{background:0 0!important}.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_shadow_n.png", sizingMethod="scale")}.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_shadow_ne.png", sizingMethod="scale")}.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_shadow_e.png", sizingMethod="scale")}.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_shadow_se.png", sizingMethod="scale")}.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_shadow_s.png", sizingMethod="scale")}.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_shadow_sw.png", sizingMethod="scale")}.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_shadow_w.png", sizingMethod="scale")}.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fancybox/fancy_shadow_nw.png", sizingMethod="scale")}.collection-overlay{display:none;position:absolute;-webkit-overflow-scrolling:touch}.collection-overlay input[type=checkbox]{float:left;margin-right:10px}.collection-overlay label{float:left}.collection-overlay .my{padding:15px 15px 0}table.collections{background:#FFF;border:none;line-height:1em;margin:0;padding:0}table.collections tr{padding:0 15px;background:#FFF;color:#555;border:none}table.collections tr td{border:none;padding:3px;color:#444}table.collections tr td a{color:#444}table.collections tr td.input{width:25px}table.collections tr td:first-child{padding-left:15px}table.collections tr td:last-child{padding-right:15px}table.collections tr:hover{background:#4B9ED4;cursor:pointer}table.collections tr:hover td{color:#fff}input.collection{height:30px;margin-top:15px;padding-left:10px;padding-right:10px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}div.new-collection-form{padding-left:15px;padding-right:15px;padding-bottom:15px}div.new-collection-form input[type=text]{width:100%;float:left}div.new-collection-form input[type=submit]{width:0%;float:left;display:none}div.new-collection-form.focus input[type=text]{width:72%;margin-right:3%}div.new-collection-form.focus input[type=submit]{width:25%;display:inline}div.collection-preview-container{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;line-height:1.3em;background:#ddd}div.collection-preview-container table{background:0 0;border:none;padding:0;margin:0;font-size:16px}div.collection-preview-container table tr{border:none;background:0 0}div.collection-preview-container table td.name{color:#444!important}div.collection-preview-container table td{border:none;background:0 0;vertical-align:middle;padding:0}div.collection-preview-container div.collection-footer{padding:15px;border:1px solid #fff;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}div.collection-preview-container:hover{box-shadow:0 5px 6px 0 #BBB}div.collection-preview-container.new{width:100%;padding-bottom:68.75%;position:relative;background-color:#EDEDED;font-size:22px}div.collection-preview-container.new div{position:absolute;top:0;bottom:0;left:0;right:0;font-size:24px;text-align:center;overflow:hidden;height:100%}div.collection-preview-container.new div table{height:100%}div.scalable-mask{width:100%;padding-bottom:100%;position:relative}div.scalable-mask div{position:absolute;top:0;bottom:0;left:0;right:0;color:#fff;overflow:hidden;height:100%}div.scalable-mask div iframe,div.scalable-mask div img{width:177.7777777778%;max-width:none;position:relative;top:0;left:-38.8888888889%}div.scalable-mask div.collection-preview{background-color:#EDEDED;border:1px solid #FFF}.card-bleed,div.scalable-mask.round-bl div{-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px}div.scalable-mask.round div{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}div.scalable-mask.round-tl div{-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px}div.scalable-mask.round-tr div{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px}.card-bleed,.card-bleed .top{-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px}div.scalable-mask.round-br div{-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px}div.scalable-mask.round-bl div{border-bottom-left-radius:6px}ul.feature{margin:0 0 30px;padding:0;list-style:none}ul.feature li{display:inline-block}ul.feature li.img{width:100%}ul.feature li.img.left{margin-bottom:20px}ul.feature li.copy{width:100%;vertical-align:middle}ul.feature li.copy h1,ul.feature li.copy h2{padding:0;margin:0;line-height:1.1em}ul.feature li.copy h1 span.sub,ul.feature li.copy h1.sub,ul.feature li.copy h2.sub{color:#777}ul.feature li.copy p{font-size:1.2em}@media only screen and (min-width:768px){ul.feature{margin-bottom:30px}ul.feature li.img{width:30%}ul.feature li.img.left{margin-right:9%}ul.feature li.img.right{margin-left:9%}ul.feature li.copy{width:60%}}.card{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;padding:15px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.22);color:#333;margin-bottom:10px}.body-white,.card-bleed,.modal-abs-header-footer-top .modal-content{-webkit-border-bottom-right-radius:6px}.card-a.card-a-shadow,.card-bleed,.pricing-card{box-shadow:0 1px 2px 0 rgba(0,0,0,.22)}.card-bleed.card-bleed-last{margin-bottom:0}.card-bleed{-moz-border-radius-bottomright:6px;margin-bottom:15px;background:#fff;border-radius:4px 4px 6px 6px}.card-bleed .top,.card-bleed .top.top-a a{-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px}.card-bleed .top{padding:1em;border-top-left-radius:4px;border-top-right-radius:4px}.card-bleed .top.top-bg{color:#fff;background:#0F5277}.body-white,.card-app,.card-bleed.videos{background:#fff}.card-bleed .top.top-a a{-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}.card-top-bg,.round-tl{-webkit-border-top-left-radius:6px}.card-top-bg,.round-tr{-webkit-border-top-right-radius:6px}@media only screen and (min-width:768px){.card-bleed{margin-bottom:20px}}@media only screen and (min-width:992px){.card-bleed{margin-bottom:25px}}.card-bleed .bleed-border{margin:2px;padding:0}@media only screen and (min-width:768px){.card-bleed.tight .author,.card-bleed.tight .body,.card-bleed.tight .bottom,.card-bleed.tight .footer,.card-bleed.tight .top{padding:15px}}.body-white{-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}a.card-bleed,a.card-bleed:hover{color:inherit}a.card-bleed:hover .card-bleed{background:#DDD}.card-article{padding:20px}.card-article-last{border-bottom:none}.card-bg-default{background:#E9E9E9}.card-bg-default-2{background:#DDD}.card-top-bg{background-image:url(/images/bg/bg-studio-ipad-6.jpg?v=uanjdia);background-size:100%;background-position:center top;background-repeat:no-repeat;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;height:150px;position:relative}.card-top-bg.card-top-bg-book{background-position:center center;background-image:url(/images/bg/bg-studio-ipad-6.jpg?v=uanjdj0)}.card-top-bg.card-top-bg-hookpad{background-position:center bottom;background-image:url(/images/bg/hookpad-promo-dark.jpg?v=uanjdj7)}.card-top-bg.card-top-bg-theorytab{background-image:url(/images/bg/theorytab-progressions.jpg?v=uanjdjp)}.bg-default-dark{background:#999;color:#fff}.book{font-family:Georgia}.book .btn,.book h1,.book h2,.book h3,.book h4,.book h5,.book h6{font-family:"Helvetica Neue",sans-serif}.book h1,.book h2,.book h3,.book h4,.book h5,.book h6{font-weight:700}.book.no-img-pad img{padding:0}div.books-video-container{position:relative;margin-top:-410px;height:300px;z-index:1}div.bg-books-img-overlay{position:relative;top:0;left:0;width:350px;z-index:1}@media only screen and (max-width:768px){div.books-video-container{margin-top:-60px}div.bg-books-img-overlay{top:0;left:0}}div.bg-books-img-video-inlay{position:absolute;top:49px;left:47px;width:287px;z-index:2}div.books-img-video-colcontainer{position:absolute;top:0;left:95px}@media only screen and (max-width:992px){div.books-img-video-colcontainer{position:relative;top:-25px;left:290px}}div.hero-pad{padding:20px}@media only screen and (max-width:768px){div.books-img-video-colcontainer{position:relative;top:30px;left:0}div.hero-pad{padding:0}}.div-tr{cursor:pointer}.div-tr .div-td,.div-tr .div-th{float:left;padding:8px}.div-tr .div-th{line-height:30px}.div-tr.div-tr-odd{background:#f9f9f9}.div-tr.div-tr-active{background:#4B9ED4;color:#fff}.div-tr.div-tr-active-unfocused{background:#82B8DB;color:#fff}.div-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template{cursor:pointer}.template img{border:2px solid #ddd}.template.template-active img{border:2px solid #4B9ED4}.angular-fixed-header{position:absolute;left:0;right:0;height:49px}.angular-fixed-content{position:absolute;left:0;right:0;top:50px;bottom:0;height:auto;overflow-y:auto;width:100%}.container.container-v-pad,.row.row-v-pad,.wrap.wrap-v-pad{padding-top:20px;padding-bottom:20px}@media only screen and (min-width:768px){.container.container-v-pad,.row.row-v-pad,.wrap.wrap-v-pad{padding-top:40px;padding-bottom:40px}}@media only screen and (min-width:992px){.container.container-v-pad,.row.row-v-pad,.wrap.wrap-v-pad{padding-top:40px;padding-bottom:40px}}@media only screen and (min-width:1200px){.container.container-v-pad,.row.row-v-pad,.wrap.wrap-v-pad{padding-top:40px;padding-bottom:40px}}.row.row-v-pad-wrap,.v-pad-wrap{padding-top:60px;padding-bottom:60px}@media only screen and (min-width:768px){.row.row-v-pad-wrap,.v-pad-wrap{padding-top:70px;padding-bottom:70px}}@media only screen and (min-width:992px){.row.row-v-pad-wrap,.v-pad-wrap{padding-top:70px;padding-bottom:70px}}@media only screen and (min-width:1200px){.row.row-v-pad-wrap,.v-pad-wrap{padding-top:70px;padding-bottom:70px}}.container.container-v-pad-card,.row.row-v-pad-card,.wrap.wrap-v-pad-card{padding-top:20px;padding-bottom:20px}.container.container-v-pad.padding-top-0,.row.row-v-pad.row-v-pad-tight-top,.wrap.wrap-v-pad.wrap-v-pad-tight-top{padding-top:0}.container.container-v-pad.padding-bottom-0,.row.row-v-pad.row-v-pad-tight-bottom,.wrap.wrap-v-pad.wrap-v-pad-tight-bottom{padding-bottom:0}.overlay,.suggestions{border:1px solid #ddd;box-shadow:0 5px 6px 0 rgba(0,0,0,.2);background:#FFF;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;z-index:1001}div.div-content-overlay-circle-centered-span{position:relative;width:100%}div.div-content-overlay-circle-centered-span div.div-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0);border-radius:50%;border:3px solid #fff;text-align:center;color:rgba(255,255,255,0);text-transform:uppercase}div.div-content-overlay-circle-centered-span div.div-overlay span{font-size:1.2em;font-weight:700;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);position:absolute;top:50%;left:50%}div.div-content-overlay-circle-centered-span div.div-overlay:hover{background:rgba(0,0,0,.3);color:#fff}div.div-content-overlay-circle-centered-span.product-icon{max-width:150px;max-height:150px;margin:auto}.modal-top .modal-dialog,.navbar-form{margin-top:0}div.div-content-overlay-centered-icon{position:relative;width:100%}div.div-content-overlay-centered-icon div.div-overlay{background:rgba(0,0,0,0);height:100%;width:100%}div.div-content-overlay-centered-icon div.div-overlay i{opacity:0;font-size:100px;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);position:absolute;top:50%;left:50%;background-color:transparent}div.overlay-centered-icon:hover{background:rgba(0,0,0,.3)}div.overlay-centered-icon:hover i{opacity:.8}div.div-content-overlay-centered-img{position:relative;width:100%}div.div-content-overlay-centered-img div.div-overlay{background:rgba(0,0,0,0);height:100%;width:100%}div.div-content-overlay-centered-img div.div-overlay img{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);position:absolute;top:50%;left:50%}.overlay-trigger:hover .div-content-overlay-centered-img .div-overlay img{opacity:1;width:50%}div.div-with-overlay{position:relative;width:100%}div.div-with-overlay div.div-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,0);height:100%;width:100%}div.div-with-overlay.on-hover div.div-overlay{display:none}div.div-with-overlay.on-hover:hover div.div-overlay{display:block}.modal-content{border:0;box-shadow:0 10px 10px rgba(0,0,0,.7)}.card-a div.card-a-media,.card-a div.card-a-media>img,.modal-header{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px}.modal-body-form-no-footer,.modal-footer{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;background:0 0}.modal-header{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none}.modal-footer{-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none}.modal-bg-1{background-color:#d5d5d5}.modal-body-form{background-color:#eaeaea}.modal-body-form-no-footer{background-color:#eaeaea;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.modal-body,.modal-body-lg-pad{padding:35px}.modal-body.modal-body-no-pad{padding:0}.modal-400 .modal-dialog{width:400px}.modal.modal-default .modal-dialog .modal-content .modal-header{background:#d5d5d5}.modal.modal-default .modal-dialog .modal-content .modal-body{padding:20px}.modal.modal-default .modal-dialog .modal-content .modal-body.no-pad{padding:0}.modal-abs-header-footer .modal-dialog,.modal-abs-header-footer-top .modal-dialog,.modal-abs-header-footer-wide .modal-dialog{position:absolute!important;bottom:0;left:0;right:0;width:auto!important;height:auto;margin:0!important;display:flex;justify-content:center}.modal-abs-header-footer .modal-content,.modal-abs-header-footer-top .modal-content,.modal-abs-header-footer-wide .modal-content{-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;display:flex;flex-direction:column;width:650px;border-radius:8px 8px 0 0}.modal-abs-header-footer .modal-content .modal-header,.modal-abs-header-footer-top .modal-content .modal-header,.modal-abs-header-footer-wide .modal-content .modal-header{padding:10px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;background:#d5d5d5;border:none}.modal-abs-header-footer .modal-content .modal-header h3.modal-title,.modal-abs-header-footer-top .modal-content .modal-header h3.modal-title,.modal-abs-header-footer-wide .modal-content .modal-header h3.modal-title{line-height:30px}.modal-abs-header-footer .modal-content .modal-header-dark,.modal-abs-header-footer-top .modal-content .modal-header-dark,.modal-abs-header-footer-wide .modal-content .modal-header-dark{background:#6a6a6a}.modal-abs-header-footer .modal-content .modal-body,.modal-abs-header-footer-top .modal-content .modal-body,.modal-abs-header-footer-wide .modal-content .modal-body{height:calc(90vh - 130px);overflow-y:auto;background:#fff;padding:30px;border:none}.modal-abs-header-footer .modal-content .modal-footer,.modal-abs-header-footer-top .modal-content .modal-footer,.modal-abs-header-footer-wide .modal-content .modal-footer{padding:10px;background:#d5d5d5;border:none;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-abs-header-footer .modal-content .modal-footer-dark,.modal-abs-header-footer-top .modal-content .modal-footer-dark,.modal-abs-header-footer-wide .modal-content .modal-footer-dark{background:#6a6a6a}.modal-abs-header-footer-wide .modal-content{width:95%!important}.modal-abs-body-footer-top .modal-dialog,.modal-abs-body-footer-top-interrupt .modal-dialog{position:absolute!important;top:0;left:0;right:0;width:auto!important;margin:0!important;height:auto;display:flex;justify-content:center}.modal-abs-body-footer-top .modal-content,.modal-abs-body-footer-top-interrupt .modal-content{display:flex;flex-direction:column;width:650px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal-abs-body-footer-top .modal-content .modal-body,.modal-abs-body-footer-top-interrupt .modal-content .modal-body{height:calc(90hv - 65px);overflow-y:auto;background:#eaeaea;padding:30px;border:none}.modal-abs-body-footer-top .modal-content .modal-footer,.modal-abs-body-footer-top-interrupt .modal-content .modal-footer{padding:10px;background:#d5d5d5;border:none;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal-abs-body-footer-top-interrupt .modal-content{width:400px}.modal-abs-body-footer-top-interrupt .modal-content .modal-body{height:calc(30hv - 65px)}.modal-abs-header-body .modal-dialog{position:absolute!important;bottom:0;left:0;right:0;width:auto!important;margin:0!important;height:auto;display:flex;justify-content:center}.modal-abs-header-body .modal-content{width:750px!important;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border:1px solid #ddd!important;display:flex;flex-direction:column;border-radius:8px 8px 0 0}.modal-abs-header-body .modal-content .modal-header,.modal-abs-header-footer-sm-centered .modal-content .modal-header,.modal-persistent{-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px}.modal-abs-header-body .modal-content .modal-header{-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px;border-top-right-radius:8px;border:none;padding:10px;border-bottom:1px solid #bbb}.modal-abs-header-body .modal-content .modal-header-dark{background:#6a6a6a}.modal-abs-header-body .modal-content .modal-body{height:calc(80hv - 65px);overflow-y:auto;background:#fff;padding:30px;border:none}.modal-abs-header-footer-top .modal-content{top:0!important;height:400px!important;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.modal-abs-header-footer-top .modal-content .modal-header{-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;border-top-left-radius:0;border-top-right-radius:0}.modal-abs-header-footer-top .modal-content .modal-footer{-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.modal-abs-header-footer-sm-centered .modal-dialog{position:absolute!important;top:0;bottom:0;left:0;right:0;width:auto!important;margin:0!important}.modal-abs-header-footer-sm-centered .modal-content{position:absolute!important;width:300px!important;height:275px!important;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px}.modal-abs-header-footer-sm-centered .modal-content .modal-header{position:absolute!important;top:0!important;left:0!important;right:0!important;height:65px;width:auto!important;-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:0!important;background:#d5d5d5;border:none}.modal-abs-header-footer-sm-centered .modal-content .modal-body{position:absolute;top:65px;bottom:65px;left:0;right:0;overflow-y:auto;background:#fff;padding:30px;border:none}.modal-abs-header-footer-sm-centered .modal-content .modal-body.nopad{padding:0}.modal-abs-header-footer-sm-centered .modal-content .modal-footer{position:absolute;height:65px;bottom:0;left:0;right:0;background:#d5d5d5;border:none;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal.slide-up .modal-dialog{-webkit-transform:translate(0,100%);-moz-transform:translate(0,100%);-o-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.slide-up.in .modal-dialog{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}.modal.slide-down .modal-dialog{-webkit-transform:translate(0,-100%);-moz-transform:translate(0,-100%);-o-transfrorm:translate(0,-100%);transform:translate(0,-100%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.slide-down.in .modal-dialog{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transfrorm:translate(0,0);transform:translate(0,0)}.modal-footer-progress{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2}.modal-footer-progress .progress{margin-bottom:0;height:65px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;background:rgba(0,0,0,.7);text-align:right}.modal-footer-progress .progress h3{margin:0;padding:18px 15px 0 0;color:#fff}.modal-footer-progress .progress .progress-bar{position:absolute;top:0;bottom:0;left:0;font-size:17px;text-align:right;z-index:3}.modal-persistent,.modal-persistent .modal-header{position:absolute!important;-webkit-border-top-left-radius:8px}.modal-footer-progress .progress .progress-bar h3{margin:0;padding:18px 15px 0 0}.modal-persistent{top:50px!important;bottom:0!important;width:650px!important;left:0;right:0;margin:0 auto;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:8px;border:0;box-shadow:0 5px 10px rgba(0,0,0,.7);overflow:hidden;border-radius:8px 8px 0 0}.modal-persistent .modal-header{top:0!important;left:0!important;right:0!important;height:103px;width:auto!important;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;border:none;padding-top:10px;border-bottom:1px solid #bbb}.modal-persistent .modal-header-dark{background:#6a6a6a}.modal-persistent .modal-body{position:absolute;top:103px;bottom:0;left:0;right:0;overflow-y:auto;background:#fff;padding:30px;border:none}.modal-persistent.slide-up{-webkit-transform:translate(0,100%);-moz-transform:translate(0,100%);-o-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-persistent.slide-up.in{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}.caret.caret-reversed{border-top-width:0;border-bottom:4px solid #000}.text-right-md-up{text-align:left}@media only screen and (min-width:992px){.text-right-md-up{text-align:right}}.text-right-sm-up{text-align:left}div[class^=col-lg],div[class^=col-md],div[class^=col-sm]{margin-bottom:30px}@media only screen and (min-width:768px){.text-right-sm-up{text-align:right}div[class^=col-sm]{margin-bottom:0}}@media only screen and (min-width:1200px){div[class^=col-lg]{margin-bottom:0}}.navbar{border:0}.navbar-nav>li>a.avatar,.navbar-nav>li>a.cart,.navbar-nav>li>a.logo{line-height:0;padding-top:17px;padding-bottom:17px}.navbar-nav>li>a.avatar img,.navbar-nav>li>a.cart img,.navbar-nav>li>a.logo img{width:30px}.navbar-default .navbar-brand,.navbar-inverse .navbar-brand{padding-top:14.5px;padding-bottom:14.5px}.navbar-form{margin-bottom:0}@media only screen and (min-width:992px){div[class^=col-md]{margin-bottom:0}.navbar-form{margin-top:14px;margin-bottom:14px}}.table{margin-bottom:0}.table>tbody>tr.active{background-color:#53A0D0;color:#fff}.table>tbody>tr.active td{background-color:inherit}.alert.alert-dismissible{margin-bottom:0;border-radius:0}.dl-horizontal.dl-horizontal-q-and-a dt{width:40px}.dl-horizontal.dl-horizontal-q-and-a dd{margin-left:60px}.dl-horizontal.dl-horizontal-q-and-a dd.dd-q{font-weight:700}.dropdown-header{font-size:.8em;font-weight:600}.dropdown-menu.white-space-normal>li>a{white-space:normal}.navbar-nav .open .dropdown-menu>li>a{line-height:1.5}.collapse-toggle .chevron:before{font-family:"Glyphicons Halflings";content:"\e114";margin-right:5px}.collapse-toggle.collapsed .chevron:before{content:"\e080";margin-right:5px}.flex-fill::after,.ribbon:after,.separator::after,.separator::before{content:""}.hljs{padding:0;background:0 0}.errorMessage,fieldset.hr legend{padding:5px 10px}.palette{color:#fff}.palette h1,.palette h2,.palette h3,.palette h4,.palette h5,.palette h6,.palette p{color:inherit;opacity:.8;filter:alpha(opacity=80);-webkit-font-smoothing:subpixel-antialiased}.palette-turquoise{background-color:#1abc9c}.palette-green-sea{background-color:#16a085}.palette-emerald{background-color:#2ecc71}.palette-nephritis{background-color:#27ae60}.palette-peter-river{background-color:#3498db}.palette-belize-hole{background-color:#2980b9}.palette-amethyst{background-color:#9b59b6}.palette-wisteria{background-color:#8e44ad}.palette-wet-asphalt{background-color:#34495e}.palette-midnight-blue{background-color:#2c3e50}.palette-sun-flower{background-color:#f1c40f}.palette-orange{background-color:#f39c12}.palette-carrot{background-color:#e67e22}.palette-pumpkin{background-color:#d35400}.palette-alizarin{background-color:#e74c3c}.palette-pomegranate{background-color:#c0392b}.palette-clouds{background-color:#ecf0f1;color:#bdc3c7}.palette-silver{background-color:#bdc3c7}.palette-concrete{background-color:#95a5a6}.palette-asbestos{background-color:#7f8c8d}.palette-paragraph{color:#7f8c8d;font-size:12px;line-height:17px}.palette-paragraph span{color:#bdc3c7}.palette-headline{color:#7f8c8d;font-size:13px;font-weight:700;margin-top:-3px}.blink{-webkit-animation-name:blinker;-webkit-animation-duration:1.5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1.5s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite}@-moz-keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}@keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}.fancybox-iframe{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.wrap-welcome .fancybox-skin{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px}.font-size-xxxxs{font-size:.4971767353em}.font-size-xxxs{font-size:.5717532456em}.font-size-xxs{font-size:.6575162324em}.font-size-xs{font-size:.7561436673em}.font-size-sm{font-size:.8695652174em}.font-size-md{font-size:1em;font-weight:600}.font-size-lg{font-size:1.15em}.font-size-xl{font-size:1.3225em}.font-size-xxl{font-size:1.520875em}.font-size-xxxl{font-size:1.74900625em}.font-size-2em{font-size:2em}.font-size-3em{font-size:3em}.font-size-2p5em{font-size:2.5em}.font-size-hero{font-size:1.5em}@media only screen and (min-width:768px){.font-size-hero{font-size:1.8em}}@media only screen and (min-width:992px){.font-size-hero{font-size:2em}}@media only screen and (min-width:1200px){.font-size-hero{font-size:2.2em}}.font-size-hero-md{font-size:.8em}@media only screen and (min-width:768px){.font-size-hero-md{font-size:1.2em}}@media only screen and (min-width:992px){.font-size-hero-md{font-size:1.4em}}@media only screen and (min-width:1200px){.font-size-hero-md{font-size:1.7em}}.font-size-brand-name{font-size:18px}.font-size-brand-tagline{font-size:12px}.font-size-shrink-on-smwd{font-size:.8em}@media only screen and (min-width:768px){.font-size-shrink-on-smwd{font-size:.9em}}@media only screen and (min-width:992px){.font-size-shrink-on-smwd{font-size:1em}}.errorMessage{color:#c80000;border-radius:5px;margin-top:5px;margin-bottom:5px;font-size:.9em;background:rgba(255,196,196,.5)}.round-t,.round-tl{-moz-border-radius-topleft:6px}.round-t,.round-tr{-moz-border-radius-topright:6px}.round-b,.round-br{-moz-border-radius-bottomright:6px}.round-b,.round-bl{-moz-border-radius-bottomleft:6px}.round-tl{border-top-left-radius:6px}.round-tr{border-top-right-radius:6px}.round-br{-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px}.round-bl{-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px}.round{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.round-t{-webkit-border-top-left-radius:6px;border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-top-right-radius:6px}.round-b{-webkit-border-bottom-right-radius:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;border-bottom-left-radius:6px}fieldset.hr{border-top:1px solid #400;border-bottom:none;border-left:none;border-right:none;display:block;text-align:center}.smartbanner{left:0;top:0;width:100%;height:78px;font-family:"Helvetica Neue",helvetica,arial,sans-serif;background:#fff;overflow:hidden;border-bottom:1px solid #ccc;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none}.smartbanner-container{margin:0 auto}.smartbanner-close{position:absolute;left:7px;top:7px;display:block;font-family:ArialRoundedMTBold,Arial;font-size:15px;text-align:center;text-decoration:none;border-radius:14px;-webkit-font-smoothing:subpixel-antialiased;border:0;width:17px;height:17px;line-height:17px;color:#b1b1b3;background:#efefef}.smartbanner-close:active,.smartbanner-close:hover{color:#333}.smartbanner-icon{position:absolute;left:30px;top:10px;display:block;width:57px;height:57px;background-color:#fff;background-size:cover;background-image:url(/images/logos/hooktheory-one-play-store.jpg?v=uanjdkj)}.smartbanner-info{position:absolute;left:98px;top:15px;width:44%;font-size:12px;line-height:1.2em;font-weight:700;color:#999}.smartbanner-title{font-size:15px;line-height:17px;color:#000;font-weight:700}.smartbanner-button{position:absolute;right:20px;top:24px;border-bottom:3px solid #b3c833;padding:0 10px;min-width:12%;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:700;color:#fff;background-color:#b3c833;text-decoration:none;border-radius:5px}.smartbanner-button:hover{background-color:#c1d739;border-bottom:3px solid #8c9c29}.smartbanner-btn-default{text-align:center;display:block;padding:0 5px}.star-ratings{unicode-bidi:bidi-override;color:#c5c5c5;font-size:25px;height:25px;width:125px;position:relative;padding:0;text-shadow:0 1px 0 #a2a2a2}.star-ratings .star-ratings-top{color:#e7711b;padding:0;text-shadow:0 1px 0 #ab5414;position:absolute;z-index:1;display:block;left:0;overflow:hidden}.overflow-x-flex,div.overflow-x{-webkit-overflow-scrolling:touch}.star-ratings .star-ratings-bottom{z-index:0}.star-ratings-on-dark{color:#fff}.star-ratings-font-size-lg{font-size:18px;width:90px;height:18px}@media only screen and (min-width:768px){.star-ratings-font-size-lg{font-size:20px;width:100px;height:20px}}.gradient-osx-header,.modal-abs-header-body .modal-content .modal-header,.modal-persistent .modal-header{background:#ebe9eb;background:-moz-linear-gradient(top,#ebe9eb 0,#d7d5d7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ebe9eb),color-stop(100%,#d7d5d7));background:-webkit-linear-gradient(top,#ebe9eb 0,#d7d5d7 100%);background:-o-linear-gradient(top,#ebe9eb 0,#d7d5d7 100%);background:-ms-linear-gradient(top,#ebe9eb 0,#d7d5d7 100%);background:linear-gradient(to bottom,#ebe9eb 0,#d7d5d7 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#ebe9eb", endColorstr="#d7d5d7", GradientType=0 )}.background-white,div.hookpad-no-focus,figure.figure-white{background:#fff}.div-vertical-align-parent{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.div-vertical-align{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}figure{border:1px solid #ddd;padding:15px}figure img{padding:0!important}figure figcaption{font-family:BentonSans,Arial,Helvetica,sans-serif;font-size:.7em;padding-top:10px}figure.figure-margin-top-bot{margin-top:15px;margin-bottom:15px}figure.figure-no-padding{padding:0}div.hookpad-no-focus{padding:10px;position:fixed;bottom:0;left:0;right:0;height:45px;display:none;border-top:1px solid #eee;z-index:2}div.hookpad-overview .hookpad-overview-video{margin-top:30px;text-align:center}@media only screen and (min-width:992px){div.hookpad-overview{display:flex;align-items:center}div.hookpad-overview .hookpad-overview-video{flex-shrink:0;width:40%;margin-top:0;margin-left:30px}}div.hookpad-video-container{position:relative;margin-top:-325px;height:300px;z-index:1}@media only screen and (max-width:768px){div.hookpad-video-container{margin-top:-60px}}div.bg-hookpad-img-overlay{position:relative;top:0;left:0;width:600px}div.bg-hookpad-img-video-inlay{position:absolute;top:24px;left:87px;width:455px}div.hookpad-img-video-colcontainer{position:absolute;left:95px}@media only screen and (max-width:970px){div.hookpad-img-video-colcontainer{left:100px}}.ng-fade.ng-enter{transition:3s linear all;opacity:0}.ng-fade.ng-enter.ng-enter-active{opacity:1}.ng-fade.ng-leave{transition:3s linear all;opacity:1}.animate-show.ng-hide-add.ng-hide-add-active,.animate-show.ng-hide-remove,.ng-fade.ng-leave.ng-leave-active{opacity:0}.animate-show.ng-hide-add,.animate-show.ng-hide-remove{-webkit-transition:all linear .5s;-moz-transition:all linear .5s;-o-transition:all linear .5s;transition:all linear .5s;display:block!important}.animate-show.ng-hide-add,.animate-show.ng-hide-remove.ng-hide-remove-active{opacity:1}button.stripe-button-el{width:100%}@media only screen and (min-width:992px){div.div-abs-header,div.div-abs-sub-header{position:fixed;background:#fff;left:0;right:0}div.div-abs-header{top:0;height:64px;z-index:10}div.div-abs-sub-header{top:64px;height:56px;z-index:8}div.div-abs-content-lc-l,div.div-abs-content-lc-r{overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1;position:absolute;bottom:0;top:64px}div.div-abs-content{position:absolute;top:64px;bottom:0;left:0;right:0;overflow-y:auto;-webkit-overflow-scrolling:touch}div.div-abs-content-lc-l{left:0;width:360px}div.div-abs-content-lc-r{left:360px;right:0}div.div-abs-content-cl-c{position:absolute;top:64px;bottom:0;right:360px;overflow-y:auto;-webkit-overflow-scrolling:touch;left:0;z-index:1}div.div-abs-content-cl-l,div.div-abs-content-has-sub-header{position:absolute;bottom:0;right:0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1}div.div-abs-content-cl-l{top:64px;width:360px}div.div-abs-content-cl-c-with-sub-header,div.div-abs-content-cl-l-with-sub-header,div.div-abs-content-lc-l-with-sub-header,div.div-abs-content-lc-r-with-sub-header{top:120px}div.div-abs-content-has-sub-header{top:120px;left:0}div.div-elevate{box-shadow:0 1px 4px 0 rgba(0,0,0,.24);box-shadow:0 2px 5px rgba(0,0,0,.26)}}a div.tab-cover{text-decoration:none;font-size:1em;color:#444}@media only screen and (min-width:768px){a div.tab-cover{font-size:1em}}a div.tab-cover div.meta{padding-top:10px;line-height:1.25}a div.tab-cover div.meta span.span-song{color:#444;font-size:.8em}a div.tab-cover div.meta span.span-artist{font-weight:700;font-size:.9em;color:#aaa}a:active div.tab-cover div.meta span.span-song,a:focus div.tab-cover div.meta span.span-song,a:hover div.tab-cover div.meta span.span-song{color:#444;text-decoration:none!important}a:active div.tab-cover div.meta span.span-artist,a:focus div.tab-cover div.meta span.span-artist,a:hover div.tab-cover div.meta span.span-artist{color:#aaa;text-decoration:none!important}div.overflow-x{width:100%;overflow-x:auto;white-space:nowrap}div.overflow-x a.a-tab-cover{display:inline-block;width:130px;margin-left:20px;margin-bottom:10px;margin-top:20px}div.overflow-x a.a-tab-cover:first-child{margin-left:15px}div.overflow-x a.a-tab-cover:last-child{margin-right:20px}div.overflow-x img.img-screenshot{width:200px;display:inline-block;margin-left:20px;margin-bottom:20px;border:1px solid #ddd}div.overflow-x img.img-screenshot-sm{width:130px;display:inline-block;margin-left:10px;margin-bottom:10px;border:1px solid #ddd}.div-menus,.flex,.flex-nowrap-column,.flex-until-md,div.flex-nowrap-center,div.flex-wrap-center{display:flex}.overflow-x-flex{width:100%;overflow-x:auto;padding-left:25px;padding-right:25px}.overflow-y-auto{overflow:auto;-webkit-overflow-scrolling:touch}.flex-nowrap-column{flex-direction:column}div.flex-wrap-center{flex-wrap:wrap;justify-content:center;width:100%}div.flex-nowrap-center{justify-content:center;width:100%}.flex-justify-space-between,.flex-justify-space-between-footer{justify-content:space-between}.flex-justify-space-around{justify-content:space-around}.flex-justify-end{justify-content:flex-end}.flex-justify-center,.influencer-banner{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1}.flex-grow-1{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-direction-column{flex-direction:column}.flex-direction-row,.flex-direction-row-sm-col{flex-direction:row}@media only screen and (max-width:768px){.flex-direction-row-sm-col{flex-direction:column}}.flex-2-stretch,.flex-direction-row-sm-col-reverse,.toggle-btn-container{flex-direction:row}@media only screen and (max-width:768px){.flex-direction-row-sm-col-reverse{flex-flow:column-reverse}}.flex-direction-row-reverse-md-col{flex-direction:row-reverse}@media only screen and (max-width:992px){.flex-direction-row-reverse-md-col{flex-direction:column}}@media only screen and (min-width:992px){.flex-until-md{display:block}}.flex-sm-up{display:block}@media only screen and (min-width:768px){.overflow-x-flex{padding-left:40px}.flex-sm-up{display:flex}}.flex-md-up{display:block}@media only screen and (min-width:992px){.flex-md-up{display:flex}}.flex-sm{display:block}.flex-fill::after{flex:auto}div.flex-30-70-sm-up>div,div.flex-40-60-sm-up>div,div.flex-50-50-sm-up>div,div.flex-60-40-sm-up>div,div.flex-70-30-sm-up>div{margin-bottom:20px}@media only screen and (min-width:768px){.flex-sm{display:flex}div.flex-30-70-sm-up,div.flex-40-60-sm-up,div.flex-50-50-sm-up,div.flex-50-50-sm-up-no-margin,div.flex-60-40-sm-up,div.flex-60-40-sm-up-no-margin,div.flex-70-30-sm-up{display:flex;align-items:center;margin-bottom:0}div.flex-30-70-sm-up>div:first-child,div.flex-40-60-sm-up>div:first-child,div.flex-50-50-sm-up-no-margin>div:first-child,div.flex-50-50-sm-up>div:first-child,div.flex-60-40-sm-up>div:first-child,div.flex-70-30-sm-up>div:first-child{margin-right:0;flex-grow:1}div.flex-50-50-sm-up-no-margin>div:last-child{flex-shrink:0;width:50%;margin-left:0;margin-top:0}div.flex-60-40-sm-up-no-margin>div:first-child{margin-right:0;flex-grow:1}div.flex-60-40-sm-up-no-margin>div:last-child{flex-shrink:0;width:40%;margin-left:0;margin-top:0}div.flex-50-50-sm-up>div:last-child{flex-shrink:0;width:46%;margin-left:4%;margin-top:0}div.flex-40-60-sm-up>div:last-child{flex-shrink:0;width:58%;margin-left:2%;margin-top:0}div.flex-60-40-sm-up>div:last-child{flex-shrink:0;width:39%;margin-left:1%;margin-top:0}div.flex-30-70-sm-up>div:last-child{flex-shrink:0;width:66%;margin-left:4%;margin-top:0}div.flex-70-30-sm-up>div:last-child{flex-shrink:0;width:26%;margin-left:4%;margin-top:0}div.flex-50-50-sm-up.flex-row-reverse>div:first-child{margin-left:4%;margin-right:0}div.flex-50-50-sm-up.flex-row-reverse>div:last-child{margin-right:4%;margin-left:0}div.flex-40-60-sm-up.flex-row-reverse>div:first-child{margin-left:4%;margin-right:0}div.flex-40-60-sm-up.flex-row-reverse>div:last-child{margin-right:4%;margin-left:0}div.flex-30-70-sm-up.flex-row-reverse>div:first-child{margin-left:4%;margin-right:0}div.flex-30-70-sm-up.flex-row-reverse>div:last-child{margin-right:4%;margin-left:0}}.flex-3-col-stretch-md-up{display:flex}.flex-3-col-stretch-md-up div:first-child{margin-right:4%;flex:1;padding:20px}.flex-3-col-stretch-md-up div:nth-child(2){margin-left:4%;margin-right:4%;flex:1;padding:20px}.flex-3-col-stretch-md-up div:last-child{margin-left:4%;flex:1;padding:20px}@media only screen and (min-width:768px){.flex-row-reverse{flex-direction:row-reverse}}.flex-col-reverse-xs{display:flex;flex-direction:column-reverse}@media only screen and (min-width:768px){.flex-col-reverse-xs{flex-direction:row}}.flex-align-items-center{align-items:center}.flex-align-items-start{align-items:flex-start!important}.flex-align-items-stretch{align-items:stretch!important}.flex-align-items-baseline{align-items:baseline}.flex-align-items-end{align-items:end}.div-hover-cursor:hover{cursor:pointer}.display-inline-block{display:inline-block}.display-inline{display:inline}.padding-0{padding:0}.padding-0-important{padding:0!important}.padding-5{padding:5px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-20{padding:20px}.padding-30{padding:30px}.padding-40{padding:40px}.padding-50{padding:50px}.padding-60{padding:60px}.padding-right-10{padding-right:10px}.padding-left-10{padding-left:10px}.padding-left-20{padding-left:20px}.padding-left-30{padding-left:30px}.padding-left-40{padding-left:40px}.padding-left-100{padding-left:100px}.padding-right-15{padding-right:15px}.padding-left-15{padding-left:15px}.padding-right-20{padding-right:20px}.padding-right-30{padding-right:30px}.padding-right-40{padding-right:40px}.padding-right-50{padding-right:50px}.padding-top-15{padding-top:15px}.padding-bottom-15{padding-bottom:15px}.padding-bottom-20{padding-bottom:20px}.padding-bottom-30{padding-bottom:30px}.hero-padding,.padding-bottom-40{padding-bottom:40px}.padding-bottom-50{padding-bottom:50px}.padding-bottom-60{padding-bottom:60px}.padding-bottom-80{padding-bottom:80px}.padding-bottom-100{padding-bottom:100px}.padding-bottom-125{padding-bottom:125px}.padding-bottom-150{padding-bottom:150px}.padding-bottom-200{padding-bottom:200px}.padding-bottom-300{padding-bottom:300px}.padding-top-20{padding-top:20px}.padding-right-5{padding-right:5px}.padding-left-5{padding-left:5px}.padding-right-2{padding-right:2px}.padding-left-2{padding-left:2px}.padding-top-0{padding-top:0}.padding-top-5{padding-top:5px}.padding-top-10{padding-top:10px}.padding-bottom-5{padding-bottom:5px}.padding-bottom-0{padding-bottom:0}.padding-bottom-10{padding-bottom:10px}.padding-left-0{padding-left:0}.padding-right-0{padding-right:0}.padding-top-30{padding-top:30px}.padding-top-40{padding-top:40px}.padding-top-50{padding-top:50px}.padding-top-60{padding-top:60px}.padding-top-70{padding-top:70px}.padding-top-80{padding-top:80px}.padding-top-90{padding-top:90px}.padding-top-100{padding-top:100px}@media only screen and (min-width:768px){.padding-left-right-20-md-up{padding-left:20px;padding-right:20px}}@media only screen and (min-width:992px){.padding-left-right-40-lg-up{padding-left:40px;padding-right:40px}}.padding-lr-20-xs-30-md-up{padding-left:20px;padding-right:20px}@media only screen and (min-width:768px){.padding-lr-20-xs-30-md-up{padding-left:30px;padding-right:30px}}.padding-tb-30{padding-top:30px;padding-bottom:30px}.padding-20-30-sm-up{padding:20px}@media only screen and (min-width:768px){.padding-20-30-sm-up{padding:30px}}.padding-20-30-md-up{padding:20px}@media only screen and (min-width:992px){.padding-20-30-md-up{padding:30px}}.background-none{background:0 0}.background-people-behind{background-color:#111B20;background-color:rgb(34.693877551,55.1020408163,65.306122449);color:#fff}.background-text{background:#444}.background-blue{background-color:#00f}.background-light-gray{background-color:#eee}.background-gray{background-color:#ccc}.background-red{background-color:red}.background-hookpad-b{background-color:#9CBB24}.background-orange{background-color:#F6A828}.background-orange-2{background:#D1691F}.background-blue-purple{background:#07094A;color:#fff}.background-home-a{background:#B91BB5;color:#fff}.background-home-c{background:#040D6B;color:#fff}.background-home-d{background:#312343;color:#fff}.background-complement{background:#F6B02A;color:#fff}.background-hookpad-c{background-color:#043039}.background-hookpad-d{background:#598BA1}.background-hookpad-plus{background:#E9A01E}.background-color-home-products{background-color:#352073;color:#fff}.background-color-home-resources{background-color:#125592;color:#fff}.background-color-home-product{background-color:#20154C}.background-color-logo-dark-blue{color:#fff}.background-color-product-item{background-color:#352073;color:#fff}.background-color-cp{background-color:#34343F;color:#fff}@media only screen and (max-width:991px){.padding-bottom-xs-sm{padding-bottom:40px}.max-width-150-sm{max-width:150px}.max-width-200-sm{max-width:200px}}.width-15{width:15px}.width-20{width:20px}.width-25{width:25px}.width-26{width:26px}.width-30{width:30px}.width-35{width:35px}.width-40{width:40px}.width-50{width:50px}.width-60{width:60px}.width-70{width:70px}.width-80{width:80px}.width-90{width:90px}.width-49-percent{width:49%}.width-2-percent{width:2%}.width-100-percent{width:100%}@media only screen and (max-width:767px){.width-100-percent-xs{width:100%}}.width-100{width:100px}.width-110{width:110px}.width-120{width:120px}.width-130{width:130px}.width-140{width:140px}.card-shop img,.width-150{width:150px}.width-160{width:160px}.width-170{width:170px}.width-175{width:175px}.width-180{width:180px}.width-190{width:1900px}.width-200{width:200px}.width-215{width:215px}.width-225{width:225px}.width-250{width:250px}.width-300{width:300px}.width-350{width:350px}.width-360{width:360px}.width-400{width:400px}.width-34{width:34px}.max-width-200{max-width:200px}.max-width-300{max-width:300px}.max-width-400{max-width:400px}.max-width-500{max-width:500px}.key-circle svg,.max-width-600{max-width:600px}.max-width-70-50-percent,.max-width-70-percent{max-width:70%}@media only screen and (min-width:768px){.padding-left-15-sm-up{padding-left:15px}.padding-left-20-sm-up{padding-left:20px}.padding-lr-20-sm-up{padding-left:20px;padding-right:20px}.padding-right-15-sm-up{padding-right:15px}.max-width-70-50-percent{max-width:50%}}.max-width-70-40-percent{max-width:70%}@media only screen and (min-width:768px){.max-width-70-40-percent{max-width:40%}}.max-width-70-30-percent{max-width:70%}@media only screen and (min-width:768px){.max-width-70-30-percent{max-width:30%}}.max-width-80-percent,.max-width-80p-50p-md{max-width:80%}@media only screen and (max-width:768px){a[class*=width-],button[class*=width-]{width:100%}}.width-card{width:100%}@media only screen and (min-width:768px){.width-card{width:calc(50% - 20px);margin:10px}}@media only screen and (min-width:992px){.max-width-80p-50p-md{max-width:50%}.width-card{width:calc(33.3% - 20px)}}@media only screen and (min-width:1200px){.width-card{width:calc(25% - 20px)}}.width-70-100-sm-up{width:70px}@media only screen and (min-width:768px){.width-70-100-sm-up{width:100px}}.width-250-350-sm-up{width:250px}@media only screen and (min-width:768px){.width-250-350-sm-up{width:350px}}.width-300-450-sm-up{width:300px}@media only screen and (min-width:768px){.width-300-450-sm-up{width:450px}}.width-350-450-sm-up{width:350px}@media only screen and (min-width:768px){.width-350-450-sm-up{width:450px}}.width-350-400-sm-up{width:350px}@media only screen and (min-width:768px){.width-350-400-sm-up{width:400px}}@media only screen and (min-width:992px){.width-400-md-up{width:400px!important}}.width-20-percent{width:20%}.width-30-percent{width:30%}.width-40-percent{width:40%}.width-45-percent{width:45%}.width-50-percent{width:50%}.width-55-percent{width:55%}.width-60-percent{width:60%}.min-height-0{min-height:0}div.popular-chords-placeholder,div.theorytab-placeholder{background-size:contain;background-repeat:no-repeat;min-height:100px}.height-15{height:15px}.height-20{height:20px}.height-25{height:25px}.height-30{height:30px}.height-35{height:35px}.height-40{height:40px}.height-50{height:50px}.height-60{height:60px}.height-70{height:70px}.height-80{height:80px}.height-90{height:90px}.height-100{height:100px}.height-100-percent{height:100%}.height-110{height:110px}.height-120{height:120px}.height-130{height:130px}.height-140{height:140px}.height-150{height:150px}.height-175{height:175px}.height-200{height:200px}.height-225{height:225px}.height-250{height:250px}.height-300{height:300px}.height-350{height:350px}.height-400{height:400px}.height-450{height:450px}.height-500{height:500px}.height-600{height:600px}.height-34{height:34px}.height-vh100{height:100vh}.height-hookpad-free-title{height:auto}@media only screen and (min-width:768px){.height-hookpad-free-title{height:200px;margin-top:30px}}@media only screen and (min-width:992px){.height-hookpad-free-title{height:160px}}.height-hookpad-plus-title{height:auto}@media only screen and (min-width:768px){.height-hookpad-plus-title{height:230px}}@media only screen and (min-width:992px){.height-hookpad-plus-title{height:190px}}.height-sm-up-100-40vh{height:100vh}div.height-sm-up-100-60vh{height:60vh}div.height-sm-up-100-40vh{height:40vh}@media only screen and (min-width:768px){.height-sm-up-100-40vh,.height-sm-up-100-50vh,div.height-sm-up-100-40vh,div.height-sm-up-100-60vh{height:100vh}}.theorytab-section{margin-bottom:20px;border-radius:5px}.key-pageContent{width:400px;height:400px;top:0;left:0;right:0;bottom:50;min-width:300px}.key-circle,.key-sizeText{position:absolute;right:0;bottom:0}.key-circle{top:0;left:0;height:100%;z-index:-1;text-align:center}.key-circle .guide{fill:none;stroke:red;stroke:none;stroke-width:.2}.key-circle .tonic{text-anchor:middle}.key-circle .tonic tspan{font-family:MusicalSymbols;font-size:22px;fill:#555}.key-circle .tonic-active{text-anchor:middle}.key-circle .tonic-active tspan{font-family:MusicalSymbols;font-size:22px;fill:red}.key-circle .tonicSep{fill:none;stroke:#000;stroke-width:.5}.key-circle .chordTypeRingSection{stroke:#000;stroke-width:.5}.key-circle .chordTypeText{font-size:11px;font-family:Arial;letter-spacing:2px}.key-circle .degreeRing,.key-circle .degreeSep{fill:none;stroke:#000;stroke-width:.5}.key-circle .degreeLabels{text-anchor:middle}.key-circle .degreeLabels tspan{font-family:MusicalSymbols;font-size:12px}.margin-auto{margin-left:auto;margin-right:auto}.margin-right-1em{margin-right:1em}.margin-left-1em{margin-left:1em}.margin-1em{margin:1em}.margin-0{margin:0}.margin-1{margin:1px}.margin-5{margin:5px}.margin-10{margin:10px}.margin-15{margin:15px}.margin-20{margin:20px}.margin-25{margin:25px}.margin-30{margin:30px}.margin-left-10,.theme-landing-page section .features-section .col-md-4 .icon-header h3{margin-left:10px}.margin-right-10{margin-right:10px}.margin-right-15{margin-right:15px}.margin-right-20{margin-right:20px}.margin-right-30{margin-right:30px}.margin-right-40{margin-right:40px}.margin-right-50{margin-right:50px}.margin-left-20{margin-left:20px}.margin-left-25{margin-left:25px}.margin-left-30{margin-left:30px}.margin-left-35{margin-left:35px}.margin-left-40{margin-left:40px}.margin-left-50{margin-left:50px}.margin-left-60{margin-left:60px}.margin-left-70{margin-left:70px}.margin-right-5{margin-right:5px}.theme-card-0,.theme-card-grad1,.theme-card-gray{margin-right:0;margin-left:0}.margin-left-5{margin-left:5px}.margin-top-1{margin-top:1px}.margin-top-2{margin-top:2px}.margin-top-3{margin-top:3px}.margin-bottom-1{margin-bottom:1px}.margin-bottom-2{margin-bottom:2px}.margin-bottom-5{margin-bottom:5px}.margin-bottom-7{margin-bottom:7px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-15{margin-bottom:15px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-25{margin-bottom:25px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-35{margin-bottom:35px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-75{margin-bottom:75px}.margin-bottom-80{margin-bottom:80px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-150{margin-bottom:150px}.margin-left-0{margin-left:0}.margin-right-0{margin-right:0}.margin-bottom-0,div.margin-bottom-0{margin-bottom:0}.margin-top-0{margin-top:0}.margin-top-5{margin-top:5px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-top-20{margin-top:20px}.margin-top-25{margin-top:25px}.margin-top-30{margin-top:30px}.margin-top-35{margin-top:35px}.margin-top-40{margin-top:40px}.margin-top-45{margin-top:45px}.margin-top-50{margin-top:50px}.margin-top-60{margin-top:60px}.margin-top-70{margin-top:70px}.margin-top-80{margin-top:80px}.margin-top-100{margin-top:100px}.margin-top-150{margin-top:150px}.margin-top-200{margin-top:200px}.margin-top-250{margin-top:250px}.margin-top-300{margin-top:300px}@media only screen and (max-width:767px){.margin-top-10-xs{margin-top:10px}.margin-top-20-xs{margin-top:20px}}.margin-top-30-xs-sm{margin-top:30}@media only screen and (min-width:992px){.margin-top-30-xs-sm{margin-top:0}}.margin-top-50-30{margin-top:50px}div.margin-bottom-50-30{margin-bottom:50px}@media only screen and (max-width:992px){.margin-top-50-30{margin-top:30px}div.margin-bottom-50-30{margin-bottom:30px}}.margin-top-40-20{margin-top:40px}div.margin-bottom-40-20{margin-bottom:40px}@media only screen and (max-width:992px){.margin-top-40-20{margin-top:20px}div.margin-bottom-40-20{margin-bottom:20px}}.margin-bottom-50-30{margin-bottom:50px}@media only screen and (max-width:992px){.margin-bottom-50-30{margin-bottom:30px}}.margin-bottom-80-40{margin-bottom:80px}@media only screen and (max-width:992px){.margin-bottom-80-40{margin-bottom:40px}}.margin-bottom-150-100{margin-bottom:150px}@media only screen and (max-width:992px){.margin-bottom-150-100{margin-bottom:100px}}div.margin-bottom-150-50{margin-bottom:150px}@media only screen and (max-width:992px){div.margin-bottom-150-50{margin-bottom:50px}}.margin-bottom-100{margin-bottom:100px}.margin-bottom-200{margin-bottom:200px}@media only screen and (max-width:767px){.margin-bottom-20-xs{margin-bottom:20px}}.margin-top-hookpad-hero-video{margin-top:30px}@media only screen and (min-width:768px){.margin-right-20-sm-up{margin-right:20px}.margin-left-10-sm-up{margin-left:10px}.margin-left-15-sm-up{margin-left:15px}.margin-right-15-sm-up{margin-right:15px}.margin-top-hookpad-hero-buttons{margin-top:30px}.margin-top-hookpad-hero-video{margin-top:0}}.margin-top-hookpad-hero{margin-top:-300px}@media only screen and (min-width:768px){.margin-top-hookpad-hero{margin-top:-200px}}@media only screen and (min-width:1200px){.margin-top-hookpad-hero{margin-top:-250px}}.margin-bottom-hookpad-hero{margin-top:0}.margin-top-books-hero-bot{margin-top:-430px}@media only screen and (min-width:768px){.margin-top-books-hero-bot{margin-top:-320px}}@media only screen and (min-width:1200px){.margin-top-books-hero-bot{margin-top:-370px}}.margin-top-books-hero-buttons{margin-top:30px}.margin-top-neg-10{margin-top:-10px}.margin-top-neg-20{margin-top:-20px}.margin-top-neg-30{margin-top:-30px}.margin-top-neg-40{margin-top:-40px}.margin-top-neg-50{margin-top:-50px}.margin-top-neg-100{margin-top:-100px}.margin-top-neg-200{margin-top:-200px}.margin-top-neg-300{margin-top:-300px}.margin-top-1em{margin-top:1em}.margin-top-1point5em{margin-top:1.5em}.margin-top-2em{margin-top:2em}.margin-left-neg-50{margin-left:-50px}.border{border:1px solid #dadada}.border-2{border:2px solid #dadada}.border-bottom{border-bottom:1px solid #dadada}.border-left{border-left:1px solid #dadada}.border-right{border-right:1px solid #dadada}.border-top{border-top:1px solid #dadada}.border-color-link{border-color:#4B9ED4}.border-none{border:0}div.youtube-placeholder{background-size:contain;background-repeat:no-repeat;background-image:url(/images/svg/theorytab-youtube-placeholder-a.svg?v=uanjdlf)}div.theorytab-placeholder{width:100%;background-image:url(/images/svg/theorytab-placeholder-xs-290px-iPhone-SE-one-line.svg?v=uanjdmb)}@media only screen and (min-width:375px){div.theorytab-placeholder{background-image:url(/images/svg/theorytab-placeholder-xs-335px-iPhone-6-one-line.svg?v=uanjdnb)}}@media only screen and (min-width:768px){.margin-top-1em-sm-up{margin-top:1em}.margin-top-1point5em-sm-up{margin-top:1.5em}.margin-top-2em-sm-up{margin-top:2em}div.theorytab-placeholder{background-image:url(/images/svg/theorytab-placeholder-sm-730px-tablet-one-line.svg?v=uanjdo7)}}@media only screen and (min-width:992px){div.theorytab-placeholder{background-image:url(/images/svg/theorytab-placeholder-md-616px-one-line.svg?v=uanjdok)}}@media only screen and (min-width:1200px){div.theorytab-placeholder{background-image:url(/images/svg/theorytab-placeholder-lg-750px-one-line.svg?v=uanjdpd)}}div.popular-chords-placeholder{width:100%;background-image:url(/images/svg/theorytab-placeholder-popular-chords-xs.svg?v=uanjdqb)}.text-align-right{text-align:right}.text-align-center{text-align:center}.text-align-left{text-align:left}@media only screen and (min-width:768px){div.popular-chords-placeholder{background-image:url(/images/svg/theorytab-placeholder-popular-chords-sm.svg?v=uanjdr5)}.text-align-right-sm-up{text-align:right}}.text-align-center-xs{text-align:center}@media only screen and (min-width:768px){.text-align-center-xs{text-align:left}}.white-space-nowrap{white-space:nowrap}.white-space-normal{white-space:normal}.nav-bar-top{padding-left:10px;padding-right:10px;background:#4B9ED4;font-size:12px}.nav-bar-top a{display:block;color:#085178;border-bottom:3px solid transparent;font-weight:700;padding:5px 10px 2px}.nav-bar-top a:hover{color:#022F47;text-decoration:none}.nav-bar-top a.active{border-color:#085178}.price-subtotal,.price-tax,.price-total{width:80px}.influencer-banner{display:flex;font-weight:medium;height:45px;text-align:center;background-color:#df8e43;color:#fff}.influencer-banner-text{display:flex;text-align:center;align-items:center}.font-weight-bold{font-weight:700}.font-weight-600{font-weight:600}.font-weight-500{font-weight:500}.font-weight-normal{font-weight:400}.buy-options{width:100%}.buy-options ul{margin-left:0;padding-left:20px}.buy-options .buy-option{padding:20px;margin-bottom:20px}.buy-options .title-series-plus{font-size:22px;font-weight:700}.buy-options .title-series{font-size:20px;font-weight:700}.buy-options .title{font-size:18px;font-weight:700}.buy-options div.title-and-price-series-plus{margin-top:34px}.buy-options div.add-to-cart-series-plus{margin-top:15px}.buy-options div.title-and-price-series{margin-bottom:20px}@media only screen and (min-width:768px){.buy-options{display:flex;justify-content:center;align-items:stretch}.buy-options div.buy-option{width:340px;margin-left:10px;margin-right:10px;margin-top:0}.buy-options div.buy-option-series-plus{margin-top:0}.buy-options div.buy-option-series{margin-top:33px}.buy-options div.add-to-cart-series-plus,.buy-options div.title-and-price-series-plus{margin-top:34px}.buy-options div.title-and-price-series{margin-bottom:62px}.buy-options .title-series,.buy-options .title-series-plus{font-size:20px}.buy-options .title{font-size:16px}}@media only screen and (min-width:992px){.buy-options{display:flex;justify-content:center;align-items:stretch}.buy-options div.buy-option{width:380px;margin-left:15px;margin-right:15px;padding:30px}.buy-options div.buy-option-series{margin-top:33px}.buy-options div.title-and-price-series-plus{margin-top:31px}.buy-options div.title-and-price-series{margin-bottom:62px}.buy-options div.add-to-cart-series-plus{margin-top:24px}.buy-options .title-series,.buy-options .title-series-plus{font-size:20px}.buy-options .title{font-size:16px}}.hookpad-buy-options{width:100%}.hookpad-buy-options ul{margin-left:0;padding-left:20px}.hookpad-buy-options .buy-option{padding:20px;margin-bottom:20px}.hookpad-buy-options .title-series-plus{font-size:22px;font-weight:700}.hookpad-buy-options .title-series{font-size:20px;font-weight:700}.hookpad-buy-options .title{font-size:18px;font-weight:700}.hookpad-buy-options div.title-and-price-series-plus{margin-top:34px}.hookpad-buy-options div.add-to-cart-bundle{margin-top:15px}.hookpad-buy-options div.add-to-cart{margin-top:10px}@media only screen and (min-width:768px){.hookpad-buy-options{display:flex;justify-content:center;align-items:stretch}.hookpad-buy-options div.buy-option{width:340px;margin-left:10px;margin-right:10px;margin-top:0}.hookpad-buy-options div.buy-option-series-plus{margin-top:0}.hookpad-buy-options div.buy-option-series{margin-top:33px}.hookpad-buy-options div.title-and-price-series-plus{margin-top:34px}.hookpad-buy-options div.add-to-cart-bundle{margin-top:10px}.hookpad-buy-options div.add-to-cart{margin-top:21px}.hookpad-buy-options .title-series,.hookpad-buy-options .title-series-plus{font-size:20px}.hookpad-buy-options .title{font-size:16px}}@media only screen and (min-width:992px){.hookpad-buy-options{display:flex;justify-content:center;align-items:stretch}.hookpad-buy-options div.buy-option{width:380px;margin-left:15px;margin-right:15px;padding:30px}.hookpad-buy-options div.buy-option-series{margin-top:33px}.hookpad-buy-options div.title-and-price-series-plus{margin-top:31px}.hookpad-buy-options div.add-to-cart-bundle{margin-top:10px}.hookpad-buy-options div.add-to-cart{margin-top:31px}.hookpad-buy-options .title-series,.hookpad-buy-options .title-series-plus{font-size:20px}.hookpad-buy-options .title{font-size:16px}}.buy-details{width:100%}.buy-details .buy-detail{font-size:90%;padding:0 20px}.buy-details .buy-detail p{margin-top:0;padding-top:0}@media only screen and (min-width:768px){.buy-details{display:flex;justify-content:center}.buy-details .buy-detail{width:225px;margin-left:5px;margin-right:5px}.buy-details div.buy-detail-series-plus{width:290px}}@media only screen and (min-width:992px){.buy-details div.buy-detail{width:215px;margin-left:10px;margin-right:10px;padding:0 25px}.buy-details div.buy-detail-series-plus{width:340px}}.book-page{border:2px solid #ccc;width:165px;height:235px;padding:15px}.book-page .text-placeholder{background:#ccc;height:9px;width:115px;margin-bottom:12px}.book-page .text-placeholder.a{width:105px}.book-page .text-placeholder.b{width:125px}.background-444{background:#444;color:#fff}.background-books-a{color:#C4B6A2;background:#29251B}.background-books-b{background:#A08666;color:#29251B}.color-books-a{color:#29251B}div.buy-option-series-plus{position:relative}.ribbon{position:absolute;right:-10px;top:15px;background:#aa77ec;border-radius:3px 3px 0;font-weight:700;font-size:80%;color:#fff!important;padding:6px 24px;display:block!important;text-transform:uppercase}.ribbon:after{position:absolute;width:10px;height:10px;bottom:-10px;right:0;background:linear-gradient(135deg,#7742cc 0,#7742cc 50%,rgba(10,14,10,0) 51%)}.bundle-buy-options{width:100%}.bundle-buy-options ul{margin-left:0;padding-left:20px}.bundle-buy-options .buy-option{padding:20px;margin-bottom:20px}.bundle-buy-options .title-series-plus{font-size:22px;font-weight:700}.bundle-buy-options .title-series{font-size:20px;font-weight:700}.bundle-buy-options .title{font-size:18px;font-weight:700}.bundle-buy-options div.title-and-price-series-plus{margin-top:34px}.bundle-buy-options div.add-to-cart-bundle{margin-top:15px}.bundle-buy-options div.add-to-cart{margin-top:10px}@media only screen and (min-width:768px){.bundle-buy-options{display:flex;justify-content:center;align-items:stretch}.bundle-buy-options div.buy-option{margin-left:10px;margin-right:10px;margin-top:0}.bundle-buy-options div.buy-option-series-plus{margin-top:0}.bundle-buy-options div.buy-option-series{margin-top:33px}.bundle-buy-options div.title-and-price-series-plus{margin-top:34px}.bundle-buy-options div.add-to-cart-bundle{margin-top:10px}.bundle-buy-options div.add-to-cart{margin-top:21px}.bundle-buy-options .title-series,.bundle-buy-options .title-series-plus{font-size:20px}.bundle-buy-options .title{font-size:16px}}@media only screen and (min-width:992px){.bundle-buy-options{display:flex;justify-content:center;align-items:stretch}.bundle-buy-options div.buy-option{width:440px;margin-left:15px;margin-right:15px;padding:30px}.bundle-buy-options div.buy-option-series{margin-top:33px}.bundle-buy-options div.title-and-price-series-plus{margin-top:31px}.bundle-buy-options div.add-to-cart-bundle{margin-top:10px}.bundle-buy-options div.add-to-cart{margin-top:31px}.bundle-buy-options .title-series,.bundle-buy-options .title-series-plus{font-size:20px}.bundle-buy-options .title{font-size:16px}}.font-style-italic{font-style:italic}.home-products{width:100%}.home-products div.home-product{background:#eee;margin-top:30px}@media only screen and (min-width:768px){.home-products{display:flex;justify-content:center}.home-products div.home-product{width:calc(50% - 15px)}.home-products div.home-product:first-child{margin-right:15px}.home-products div.home-product:last-child{margin-left:15px}}.color-home-a{color:#B91BB5}.color-home-b{color:#74FDA3}.color-home-c{color:#040D6B}.color-home-d{color:#FB4254}.products{width:100%}.products .product{background:#ededed;padding:20px}.products .product-name{font-size:2em;font-weight:700;text-transform:uppercase}@media only screen and (min-width:768px){.products{display:flex;justify-content:center;align-items:stretch}.products div.product{width:330px;margin-left:10px;margin-right:10px}.products .product-name{height:120px}}@media only screen and (min-width:992px){.products div.product{width:450px;margin-left:20px;margin-right:20px;padding:30px}.products .product-name{height:auto}}.line-height-1{line-height:1}.line-height-1p2{line-height:1.24}.h1-promo,.h1-promo-books,.h1-promo-hookpad,.line-height-1p2em{line-height:1.2em}.line-height-1p3em{line-height:1.3em}.line-height-1p4em{line-height:1.4em}.line-height-16{line-height:16px}.unit-wrapper{position:relative}.unit-wrapper a.unit-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.unit-wrapper div.cta-links{z-index:4;position:relative}.unit-wrapper:hover{cursor:pointer}.pricing-card{border:0;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}.box-shadow-card,.pricing-card-recommended{box-shadow:0 4px 8px rgba(0,0,0,.5)}.pricing-card div:first-child{-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}.pricing-card div:last-child{-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.position-relative-top-neg-100{position:relative;top:-100px}.position-relative-top-neg-200{position:relative;top:-200px}.position-relative-top-neg-150{position:relative;top:-150px}.position-relative-top-neg-250{position:relative;top:-250px}.color-crush-font{color:#eefa11}.color-orange{color:#f18f2e}.color-blue{color:#1136de}.color-green{color:#42a947}.color-primary{color:#4B9ED4}.color-home{color:red}.color-tabs{color:#B85798}.color-hookpad-plus{color:#75C347}.color-hooktheory-i,.color-hooktheory-ii{color:#4B9ED4}.color-star-rating{color:#F38430}.color-text{color:#444}.color-text-light{color:#999}.color-price{color:#AF2813}.color-white{color:#fff}.color-red{color:red}.color-link{color:#4B9ED4}.color-secondary{color:#085178}.color-complement{color:#F6B02A}.color-price-hookpad{color:#52A5F5}.color-hookpad-pricing{color:#043039}.color-books-dark{color:#29251B}.color-theory-logo{color:#085278}.color-logo-dk-blue{color:#285BA6}.color-logo-blue{color:#4C9ED4}.opacity-70{opacity:.7}.opacity-50{opacity:.5}.shadow-xl{box-shadow:0 0 20px 10px rgba(0,0,0,.5)}.shadow-lg{box-shadow:0 0 10px 5px rgba(0,0,0,.25)}.shadow-md{box-shadow:0 0 8px 4px rgba(0,0,0,.15)}.ais-Hits,.ais-InfiniteHits,.shadow-sm{box-shadow:0 0 6px 3px rgba(0,0,0,.15)}.shadow-xs{box-shadow:0 0 10px 5px rgba(0,0,0,.05)}.cursor-not-allowed:hover{cursor:not-allowed}.cursor-grab-on-hover:hover{cursor:grab}.cursor-pointer-on-hover:hover,.figma-tutorial-button,div.copilot-solution:hover,div.div-copilot-solution-outline:hover{cursor:pointer}.cursor-text-on-hover:hover{cursor:text}.swiper-container-videos{position:static}.swiper-button-next-videos,.swiper-button-prev-videos{background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);width:40px;height:40px;background-size:20px 20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;z-index:2;top:65px}.swiper-button-next-videos{right:-20px}.swiper-button-prev-videos{left:-20px}.swiper-button-next-videos.swiper-button-disabled,.swiper-button-prev-videos.swiper-button-disabled{opacity:0}.position-relative{position:relative}.position-absolute{position:absolute}.position-absolute-bottom{position:absolute;left:0;bottom:0}.position-top-3{position:relative;top:3px}div.position-top-m100{position:relative;margin-top:-100px}.g-signin2{width:100%}div.div-copilot-logo .copilot-cls-1{clip-path:url(#clippath)}div.div-copilot-logo .copilot-cls-2,div.div-copilot-logo .copilot-cls-3,div.div-copilot-logo .copilot-cls-4,div.div-copilot-logo .copilot-cls-5,div.div-copilot-logo .copilot-cls-6,div.div-copilot-logo .copilot-cls-7{stroke-width:0}div.div-copilot-logo .copilot-cls-2,div.div-copilot-logo .copilot-cls-8{fill:none}div.div-copilot-logo .copilot-cls-3{fill:url(#copilot-linear-gradient)}div.div-copilot-logo .copilot-cls-4{fill:url(#copilot-linear-gradient-4)}div.div-copilot-logo .copilot-cls-5{fill:url(#copilot-linear-gradient-2)}div.div-copilot-logo .copilot-cls-6{fill:url(#copilot-linear-gradient-3)}div.div-copilot-logo .div-copilot-dark .copilot-cls-8{stroke:#bebebe;stroke-linecap:round;stroke-miterlimit:10;stroke-width:54.98px}div.div-copilot-logo .div-copilot-dark .copilot-cls-7{fill:#3f3f3f}div.div-copilot-logo .div-copilot-light .copilot-cls-8{stroke:#3f3f3f;stroke-linecap:round;stroke-miterlimit:10;stroke-width:54.98px}div.div-copilot-logo .div-copilot-light .copilot-cls-7{fill:#ebebeb}div.div-copilot-logo .div-copilot-dark-active .copilot-cls-8{stroke:#4b9efa;stroke-linecap:round;stroke-miterlimit:10;stroke-width:54.98px}div.div-copilot-logo .div-copilot-dark-active .copilot-cls-7{fill:#3f3f3f}div.div-copilot-logo .div-copilot-light-active .copilot-cls-8{stroke:#4b9efa;stroke-linecap:round;stroke-miterlimit:10;stroke-width:54.98px}div.div-copilot-logo .div-copilot-light-active .copilot-cls-7{fill:#ebebeb}div.div-copilot-logo-dark .st0{fill:transparent}div.div-copilot-logo-dark .st1{fill:#bca7d5}div.div-copilot-logo-dark .st2{fill:#E14872}div.div-copilot-logo-dark .st3{fill:#DB3A48}div.div-copilot-logo-dark .st4{fill:#D32D1B}div.div-copilot-logo-dark .st5{fill:#DB2E19}div.div-copilot-logo-dark .st6{fill:#D82E1A}div.div-copilot-logo-dark .st7{fill:#D92F1A}div.div-copilot-logo-dark .st8{fill:#DA5722}div.div-copilot-logo-dark .st9{fill:#E07126}div.div-copilot-logo-dark .st10{fill:#E8922C}div.div-copilot-logo-dark .st11{fill:#E5A730}div.div-copilot-logo-dark .st12{fill:#AEA22C}div.div-copilot-logo-dark .st13{fill:#5F9D29}div.div-copilot-logo-dark .st14{fill:#528F34}div.div-copilot-logo-dark .st15{fill:#3B8981}div.div-copilot-logo-dark .st16{fill:#38797C}div.div-copilot-logo-dark .st17{fill:#4A5382}div.div-copilot-logo-dark .st18{fill:#6F3E88}div.div-copilot-logo-dark .st19{fill:#8C3091}div.div-copilot-logo-dark .st20{fill:#9A2E83}div.div-copilot-logo-dark .st21{fill:#C32A8B}div.div-copilot-logo-light .st0{fill:transparent}div.div-copilot-logo-light .st1{fill:#6e3591}div.div-copilot-logo-light .st2{fill:#DB3A48}div.div-copilot-logo-light .st3{fill:#D32D1B}div.div-copilot-logo-light .st4{fill:#DB2E19}div.div-copilot-logo-light .st5{fill:#D82E1A}div.div-copilot-logo-light .st6{fill:#D92F1A}div.div-copilot-logo-light .st7{fill:#DA5722}div.div-copilot-logo-light .st8{fill:#E07126}div.div-copilot-logo-light .st9{fill:#E8922C}div.div-copilot-logo-light .st10{fill:#E5A730}div.div-copilot-logo-light .st11{fill:#AEA22C}div.div-copilot-logo-light .st12{fill:#5F9D29}div.div-copilot-logo-light .st13{fill:#528F34}div.div-copilot-logo-light .st14{fill:#3B8981}div.div-copilot-logo-light .st15{fill:#38797C}div.div-copilot-logo-light .st16{fill:#4A5382}div.div-copilot-logo-light .st17{fill:#6F3E88}div.div-copilot-logo-light .st18{fill:#8C3091}div.div-copilot-logo-light .st19{fill:#9A2E83}div.div-copilot-logo-light .st20{fill:#C32A8B}div.div-copilot-logo-dark-active .st0{fill:transparent}div.div-copilot-logo-dark-active .st1{fill:#4b9efa}div.div-copilot-logo-dark-active .st2{fill:#E14872}div.div-copilot-logo-dark-active .st3{fill:#DB3A48}div.div-copilot-logo-dark-active .st4{fill:#D32D1B}div.div-copilot-logo-dark-active .st5{fill:#DB2E19}div.div-copilot-logo-dark-active .st6{fill:#D82E1A}div.div-copilot-logo-dark-active .st7{fill:#D92F1A}div.div-copilot-logo-dark-active .st8{fill:#DA5722}div.div-copilot-logo-dark-active .st9{fill:#E07126}div.div-copilot-logo-dark-active .st10{fill:#E8922C}div.div-copilot-logo-dark-active .st11{fill:#E5A730}div.div-copilot-logo-dark-active .st12{fill:#AEA22C}div.div-copilot-logo-dark-active .st13{fill:#5F9D29}div.div-copilot-logo-dark-active .st14{fill:#528F34}div.div-copilot-logo-dark-active .st15{fill:#3B8981}div.div-copilot-logo-dark-active .st16{fill:#38797C}div.div-copilot-logo-dark-active .st17{fill:#4A5382}div.div-copilot-logo-dark-active .st18{fill:#6F3E88}div.div-copilot-logo-dark-active .st19{fill:#8C3091}div.div-copilot-logo-dark-active .st20{fill:#9A2E83}div.div-copilot-logo-dark-active .st21{fill:#C32A8B}div.div-copilot-logo-light-active .st0{fill:transparent}div.div-copilot-logo-light-active .st1{fill:#4b9efa}div.div-copilot-logo-light-active .st2{fill:#DB3A48}div.div-copilot-logo-light-active .st3{fill:#D32D1B}div.div-copilot-logo-light-active .st4{fill:#DB2E19}div.div-copilot-logo-light-active .st5{fill:#D82E1A}div.div-copilot-logo-light-active .st6{fill:#D92F1A}div.div-copilot-logo-light-active .st7{fill:#DA5722}div.div-copilot-logo-light-active .st8{fill:#E07126}div.div-copilot-logo-light-active .st9{fill:#E8922C}div.div-copilot-logo-light-active .st10{fill:#E5A730}div.div-copilot-logo-light-active .st11{fill:#AEA22C}div.div-copilot-logo-light-active .st12{fill:#5F9D29}div.div-copilot-logo-light-active .st13{fill:#528F34}div.div-copilot-logo-light-active .st14{fill:#3B8981}div.div-copilot-logo-light-active .st15{fill:#38797C}div.div-copilot-logo-light-active .st16{fill:#4A5382}div.div-copilot-logo-light-active .st17{fill:#6F3E88}div.div-copilot-logo-light-active .st18{fill:#8C3091}div.div-copilot-logo-light-active .st19{fill:#9A2E83}div.div-copilot-logo-light-active .st20{fill:#C32A8B}div.div-copilot-panel{display:flex;flex-direction:column;height:100%}div.div-copilot-panel-header{flex-grow:0}div.div-copilot-panel-body{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg);width:100%}div.div-copilot-panel-body div.div-copilot-solutions-overflow-vertical{width:100%;overflow-x:hidden;overflow-y:hidden;height:100%;white-space:nowrap;position:relative}div.div-copilot-panel-body div.div-copilot-solutions-vertical{transition:top .1s ease-out;position:relative;display:flex;flex-direction:column;justify-content:center;padding:4px 0}div.div-copilot-panel-body div.div-copilot-solutions-vertical div.copilot-solution{height:46px;background:var(--color-bg);flex-shrink:0;margin:4px}div.div-copilot-panel-body div.div-copilot-solution-outline-vertical{position:absolute;left:0;top:104px;border-style:dashed;border-width:4px;border-color:var(--color-primary);width:176px;height:46px}div.div-copilot-panel-footer{flex-grow:0;border-bottom:1px solid var(--color-border-header-bottom)}div.div-copilot-solution-outline{position:absolute;left:67px;top:0;border-style:dashed;border-width:4px;border-color:var(--color-primary);width:46px;height:46px}div.div-copilot-solutions-overflow-x{width:100%;overflow-x:auto;overflow-y:hidden;height:100px;white-space:nowrap}div.div-copilot-solutions-overflow-x-hidden{width:100%;overflow-x:hidden;white-space:nowrap;position:relative}div.div-copilot-solutions{transition:left .1s ease-out;position:relative;padding:4px 0}.bounce-left{animation:bounceLeft .3s ease}.bounce-right{animation:bounceRight .3s ease}.bounce-top{animation:bounceTop .3s ease}.bounce-bottom{animation:bounceBottom .3s ease}@keyframes bounceLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}@keyframes bounceRight{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}@keyframes bounceTop{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes bounceBottom{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}div.copilot-solution-pending{background:var(--color-bg-ui-group)}.mui-svg-icon-scale-2{transform:scale(2)}.mui-svg-icon-scale-1p5{transform:scale(1.5)}@keyframes rotateDash{from{stroke-dashoffset:0}to{stroke-dashoffset:12}}.infill-pending-circle{stroke:var(--color-primary);stroke-dasharray:80px,200px;stroke-dashoffset:0;-webkit-animation:animation-infill-pending-circle 1.4s ease-in-out infinite;animation:animation-infill-pending-circle 1.4s ease-in-out infinite}@keyframes animation-infill-pending-circle{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.infill-chords-icon{transform:scale(2);margin-left:0;margin-right:10px}.infill-both-icon{transform:scale(2);margin:10px 10px 10px 0}.figma-tutorial-button{display:flex;border-radius:10px;text-align:center;width:auto;height:35px;white-space:nowrap;align-items:center;justify-content:center;padding:2px 8px;gap:8px}.figma-tutorial-button-default{border:2px solid #fff;color:#fff;background-color:#D2D2D2}.figma-tutorial-button-default:hover{background-color:#000!important;color:#fff}.figma-tutorial-button-navy{border:2px solid #fff;color:#fff;width:fit-content}.figma-tutorial-button-grey{border:2px solid #d2d2d2;background-color:#fff;color:#d2d2d2}.figma-tutorial-button-grey:hover{background-color:#d2d2d2!important;color:#fff}.figma-numbered-list-container{display:flex;margin-bottom:20px;justify-content:left;width:400px;text-align:left}.figma-feature-bullet,.my-features{text-align:center}.figma-half-image-text{display:flex;height:100vh}.figma-image-container{flex:1;overflow:hidden}.figma-triple-card-body{border:1px solid;border-radius:4px;padding:20px;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.figma-triple-card-body:hover{box-shadow:1px 1px 5px 0 rgba(1,1,1,.15);transform:scale(1.02)}.figma-triangle-horizontal,.figma-triangle-vertical{padding:20px 60px 20px 24px;color:#fff;background-color:#0f0149;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}#figma-no-margin>div{margin-bottom:0!important}.figma-triangle-vertical{flex-grow:1;display:flex;flex-direction:column;border:none;border-radius:24px}.figma-triangle-horizontal{flex-grow:1;display:flex;flex-direction:column;border:none;border-radius:24px;height:350px;margin:30px 0}.figma-image-container img{width:100%;height:100%;object-fit:cover}.figma-text-container{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 100px 0 0}.figma-text-container h2{margin:0 0 55px}.figma-text-container p{margin:0 0 50}.figma-four-column{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px}.figma-four-column-icon{width:24px;height:24px;margin-right:10px}.figma-rounded-video{border-radius:15px;overflow:hidden}.figma-override-transform{transform:translate3d(-50px,0,0)}.figma-sm-up-margin{margin-left:20px;margin-right:20px}@media only screen and (min-width:768px){.figma-sm-up-margin{margin-left:0;margin-right:0}}.figma-eq-height-row{display:flex}.figma-eq-height-row>.col-md-4{display:flex;flex-direction:column;min-height:0}.figma-spotlight-card{padding:15px;display:flex;max-width:580px;justify-content:space-between;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:36px}.figma-spotlight-card div.spotlight-body,.figma-spotlight-card div.spotlight-image{display:flex;flex-direction:column;background-color:#fff;padding:8px}.figma-spotlight-card div.spotlight-body{flex-grow:2;text-overflow:ellipsis}.figma-spotlight-card div.spotlight-content{font-weight:400;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;min-height:48px}.figma-tags{display:flex;flex-direction:column;background-color:#fff;padding:8px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.multitab-btn,.multitab-btn-active,.multitab-btn-active-light,.multitab-btn-light{padding:5px 20px;transition:background-color .3s;cursor:pointer}.btn-clapped{background-color:#000!important}.multitab-btn{background-color:#4f4f4f;border:1px solid #4f4f4f;border-radius:5px}.multitab-btn:hover{background-color:rgb(53.5,53.5,53.5);color:#fff}.multitab-btn:focus{outline:0;color:#fff}.multitab-btn-active{color:#76c3fb;background-color:#787878;border:1px solid #787878;border-radius:5px}.multitab-btn-active:hover{background-color:rgb(53.5,53.5,53.5);color:#3798f9}.multitab-btn-active:focus{outline:0;color:#3798f9}.multitab-btn-flex{flex:1}@media only screen and (max-width:1200px){.multitab-btn-flex{flex:1 1 40%}}@media only screen and (max-width:992px){.multitab-btn-flex{flex:1}}@media only screen and (max-width:768px){.multitab-btn-flex{flex:1 1 40%}}.multitab-btn-light{background-color:#d4d4d4;border:1px solid #d4d4d4;border-radius:5px}.multitab-btn-light:hover{background-color:rgb(53.5,53.5,53.5);color:#fff}.multitab-btn-light:focus{outline:0;color:#fff}.multitab-btn-active-light{color:#383bf5;background-color:#b8b6b6;border:1px solid #b9b9b9;border-radius:5px}.multitab-btn-active-light:hover{background-color:rgb(53.5,53.5,53.5);color:#3798f9}.multitab-btn-active-light:focus{outline:0;color:#3798f9}.toggle-btn-container{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.toggle-btn-container button{font-size:small}.right-toggle-btn-container{display:flex;flex-direction:column;width:100%}.right-toggle-btn-container button{margin:5px 0}@media only screen and (max-width:992px){.right-toggle-btn-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.right-toggle-btn-container button{font-size:small;margin:1px}}.multitab-placeholder-container{width:100%;height:157px;border-radius:13px;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.multitab-placeholder-container-light{background-color:#e6e7e8}.multitab-placeholder-container-dark{background-color:#4f4f4f}.multitab-spinner-container{height:72px}.text-shadow{text-shadow:0 0 4px rgba(0,0,0,.5)}.aria-button{background-color:#489dd6;color:#fff;padding:15px 30px;font-size:18px;border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s,border .3s;border:2px solid transparent}.aria-button:hover{color:#fff;background-color:hsla(204,63%,56%,.5)}.aria-faq .bs-accordion .panel-default{border:0}.aria-faq .bs-accordion .panel-heading{padding:3px;background-color:#04ff04;border-radius:25px;border:none}.aria-faq .bs-accordion .panel-heading[aria-expanded=true]{background-color:#ffed9e}.aria-faq .bs-accordion .panel-heading a{display:block;padding:10px 15px;color:#335374}.aria-faq .bs-accordion .panel-heading a[aria-expanded=true] .glyphicon.glyphicon-chevron-right{margin-top:5px;color:#335374;transform:rotate(90deg);transition:transform 350ms cubic-bezier(.645,.045,.355,1)}.aria-faq .bs-accordion .panel-heading a .glyphicon.glyphicon-chevron-right{margin-top:5px;color:#335374;transition:transform 350ms cubic-bezier(.645,.045,.355,1)}.feature-card,.feature-image-animation{transition:transform .3s ease,box-shadow .3s ease}.card-a{display:flex;flex-direction:column;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}.card-a div.card-a-media,.card-a div.card-a-media>img{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.card-a div.card-a-body{display:flex;flex-direction:column;justify-content:space-between;padding:24px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;flex-grow:1}.card-a div.card-a-body.card-a-body-no-media{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}@media (hover:hover) and (pointer:fine){.card-a:hover div.card-a-body{background-color:#D8EAF5}}.card-a.card-a-white div.card-a-media{border-bottom:1px solid #efefef}.card-a.card-a-white div.card-a-body{background-color:#fff}@media (hover:hover) and (pointer:fine){.card-a.card-a-white:hover div.card-a-body{background-color:#efefef}}.card-a.card-a-cp div.card-a-body{background-color:#fff;color:#000}@media (hover:hover) and (pointer:fine){.card-a.card-a-cp:hover div.card-a-body{background-color:#efefef}}.card-a.card-a-resource div.card-a-body{background-color:#0B3862;color:#fff}@media (hover:hover) and (pointer:fine){.card-a.card-a-resource:hover div.card-a-body{background-color:#0B2E4E}.card-shop:hover{cursor:pointer}}.card-shop{background-color:#fff;border:1px solid #999;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;box-sizing:border-box;padding:20px}.card-shop ul{padding-inline-start:13px;margin:0}.flex-123-stretch>div,.flex-1234-stretch>div,.flex-1235-stretch>div,.flex-13-stretch>div{margin-bottom:40px;margin-top:0}@media only screen and (min-width:768px){.card-shop{font-size:1.2em}.card-shop img{width:200px}}.card-shop.selected{border-width:4px;border-color:#4B9ED4;padding:17px}.hyphens-auto{hyphens:auto}.flex-13-stretch{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width:992px){.card-shop{font-size:1.3em}.flex-13-stretch{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;--width-pad:5%}.flex-13-stretch>div{width:calc((100% - 2 * var(--width-pad))/ 3)}.flex-13-stretch>div:nth-child(3n+1),.flex-13-stretch>div:nth-child(3n+2){margin-right:var(--width-pad);margin-left:0}.flex-13-stretch>div:nth-child(3n+3){margin-left:0;margin-right:0}}.flex-123-stretch{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width:768px){.flex-123-stretch{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.flex-123-stretch>div{width:48%}.flex-123-stretch>div:nth-child(2n+1){margin-right:2%}.flex-123-stretch>div:nth-child(2n+2){margin-left:2%}}@media only screen and (min-width:992px){.flex-123-stretch>div{width:31.3333%}.flex-123-stretch>div:nth-child(3n+1),.flex-123-stretch>div:nth-child(3n+2){margin-right:3%;margin-left:0}.flex-123-stretch>div:nth-child(3n+3){margin-left:0;margin-right:0}}@media only screen and (min-width:768px){.flex-1234-stretch{display:flex;flex-wrap:wrap;align-items:stretch}.flex-1234-stretch>div{width:48%}.flex-1234-stretch>div:nth-child(2n+1){margin-right:2%}.flex-1234-stretch>div:nth-child(2n+2){margin-left:2%}}@media only screen and (min-width:992px){.flex-1234-stretch>div{width:31.3333%}.flex-1234-stretch>div:nth-child(3n+1),.flex-1234-stretch>div:nth-child(3n+2){margin-right:3%;margin-left:0}.flex-1234-stretch>div:nth-child(3n+3){margin-left:0;margin-right:0}}@media only screen and (min-width:1200px){.flex-1234-stretch>div:nth-child(4n+1),.flex-1234-stretch>div:nth-child(4n+2),.flex-1234-stretch>div:nth-child(4n+3){margin-right:3%;margin-left:0}.flex-1234-stretch>div{width:22.75%}.flex-1234-stretch>div:nth-child(4n+4){margin-left:0;margin-right:0}}@media only screen and (min-width:768px){.flex-1235-stretch{display:flex;flex-wrap:wrap;align-items:stretch}.flex-1235-stretch>div{width:48%}.flex-1235-stretch>div:nth-child(2n+1){margin-right:2%}.flex-1235-stretch>div:nth-child(2n+2){margin-left:2%}}@media only screen and (min-width:992px){.flex-1235-stretch>div{width:31.3333%}.flex-1235-stretch>div:nth-child(3n+1),.flex-1235-stretch>div:nth-child(3n+2){margin-right:3%;margin-left:0}.flex-1235-stretch>div:nth-child(3n+3){margin-left:0;margin-right:0}}@media only screen and (min-width:1200px){.flex-1235-stretch>div{width:18.4%}.flex-1235-stretch>div:nth-child(5n+1),.flex-1235-stretch>div:nth-child(5n+2),.flex-1235-stretch>div:nth-child(5n+3),.flex-1235-stretch>div:nth-child(5n+4){margin-left:0;margin-right:2%}.flex-1235-stretch>div:nth-child(5n+5){margin-left:0;margin-right:0}}.flex-2-stretch{display:flex;flex-wrap:wrap;align-items:stretch}.flex-2-stretch>div{margin-top:0;margin-bottom:20px;width:48%}.flex-2-stretch>div:nth-child(2n+1){margin-right:2%}.flex-2-stretch>div:nth-child(2n+2){margin-left:2%}.z-index-20{z-index:20}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}div#scrollspy-content,div.div-abs-content,div.div-abs-content-has-sub-header,html{scroll-behavior:smooth}.chord-crush-section{padding:20px 100px}@media (max-width:768px){.chord-crush-section{padding:20px}}.feature-container{display:flex;flex-direction:row}@media only screen and (max-width:992px){.feature-container{display:block}}.feature-container-reverse{display:flex;flex-direction:row-reverse}@media only screen and (max-width:992px){.feature-container-reverse{display:block}}.row.flex-wrap{display:flex;flex-wrap:wrap}.img-fluid{max-width:100%;height:auto}.content{max-width:100%}@media (max-width:991px){.col-md-5,.col-md-7{min-height:0}}.theme-aria .background-people-behind{background-color:transparent}.theme-aria-banner{color:rgba(255,255,255,.915);background:#0E1330;border:3px solid;border-image:linear-gradient(to right,red,orange,#ff0,#02c302,#00a2ff,#9a04f7) 1}.my-features{padding:50px 0}.feature-card{padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:auto}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.feature-image{margin-bottom:20px;border-radius:10px}.feature-image-animation{max-width:500px;height:auto;border-radius:10px}.feature-image-animation:hover{transform:translateY(-5px);filter:drop-shadow(5px 5px 30px rgba(61, 61, 61, .076));transform:scale(1.04)}.feature-title{color:#333;margin-bottom:15px}.feature-description{margin-bottom:20px;color:#000}.feature-link{text-decoration:none;color:#000;font-weight:700}.feature-list{list-style-type:none;padding-left:0;text-align:left;margin-bottom:20px}.feature-list li{position:relative;padding-left:1.5em}.feature-list li:before{content:"•";position:absolute;left:0;color:#000}.margin-bottom-xs{margin-bottom:4px}.margin-bottom-sm{margin-bottom:8px}.margin-bottom-md{margin-bottom:16px}.margin-bottom-lg{margin-bottom:24px}.margin-bottom-xl{margin-bottom:32px}.button-container{width:100%;padding-top:20px;padding-bottom:20px;display:flex;justify-content:center;align-items:center;height:100%}.tos-note-container{margin-top:0;padding-bottom:20px;text-align:center}.feature-section{padding-bottom:100px}.feature-heading{font-size:36px;text-align:center}.feature-text{font-size:20px;text-align:center}.feature-text-landing-page{font-size:18px;text-align:left}.feature-row,.text-align-sm-center{text-align:center}.feature-row .card-title{font-size:1.25rem}.feature-row .card-text{font-size:1rem}.theme-aria a:not(.btn){color:#489dd6;text-decoration:none}.feature-image{max-height:600px;width:100%;height:100%;object-fit:scale-down}.theme-aria a:hover{color:#489dd6;text-decoration:underline}.theme-aria .bs-accordion .panel-default{border:none}.theme-aria .bs-accordion .panel-heading{padding:0;background-color:transparent;border:none}.theme-aria .bs-accordion .panel-heading[aria-expanded=true]{background-color:transparent}.theme-aria .bs-accordion .panel-heading a{display:block;background-color:#303030;color:#fff;padding:20px;border:1px solid #2c2c2c;border-radius:4px;margin-bottom:20px;transition:box-shadow .3s ease-in-out;box-shadow:1px 1px 5px 0 rgba(1,1,1,.15)}.theme-aria .bs-accordion .panel-heading a:hover{box-shadow:1px 1px 5px 0 rgba(1,1,1,.15)}.theme-aria .bs-accordion .panel-heading a .glyphicon,.theme-aria .bs-accordion .panel-heading a .glyphicon-chevron-right,.theme-aria .bs-accordion .panel-heading a[aria-expanded=false] .glyphicon,.theme-aria .bs-accordion .panel-heading a[aria-expanded=true] .glyphicon{color:#fff!important}.theme-aria .bs-accordion .panel-heading a[aria-expanded=true] .glyphicon.glyphicon-chevron-right{color:#fff;transform:rotate(90deg);transition:transform .3s ease}.card-body,.card-body-landing-page{margin-bottom:20px;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.theme-aria .bs-accordion .panel-collapse{border:none}.theme-aria .bs-accordion .panel-body{background-color:#0E1330;color:#FFF;padding:15px;border-radius:10px;margin-bottom:20px;box-shadow:5px 5px 30px rgba(0,0,255,.056)}.theme-aria-codebox{background-color:#151d48;font-family:"Courier New",Courier,monospace;font-size:.85em;border-radius:4px;box-shadow:5px 5px 30px rgba(0,0,255,.056)}.card-body-landing-page,.card-body:hover{box-shadow:1px 1px 5px 0 rgba(1,1,1,.15)}.theme-aria{background-color:#0b0c1e;color:#e0e0e0}.blue-shadow,.theme-aria img{filter:drop-shadow(1px 1px 5px 0 rgba(1, 1, 1, .15));border-radius:4px}.card-body{background-color:#303030;border:1px solid #787878;color:#fff;border-radius:4px;padding:20px}.card-body:hover{transform:scale(1.02)}.card-body-landing-page{background-color:#fff;color:#000;border-radius:4px;padding:20px;display:flex;flex-direction:column;flex:1 0 auto}@media (max-width:992px){.theme-aria .card-body{padding-bottom:30px}.theme-aria .card-text{font-size:16px}.theme-aria .card-title{font-size:30px}}.theme-crush-1{background:linear-gradient(180deg,#e37244,#fc9ed7)}.theme-light-gray{background:#eee;color:#444}.theme-crush-grad-2,.theme-crush-grad-5,.theme-crush-grad-6,.theme-jd-grad1,.theme-jd-grad10,.theme-jd-grad11,.theme-jd-grad12,.theme-jd-grad13,.theme-jd-grad2,.theme-jd-grad3,.theme-jd-grad4,.theme-jd-grad5,.theme-jd-grad6,.theme-jd-grad7,.theme-jd-grad8{background-size:100% 100%}.theme-white{background-color:#fff;color:#333}.theme-white-sm-white-none{background-color:transparent;color:#333}@media only screen and (min-width:768px){.theme-white-sm-white-none{background-color:#fff}}.theme-turq-1{background-color:#C6FEF9;color:#000;height:100vh}.theme-jd-teal{background-color:#D7F5DF;color:#335374;height:100vh}.theme-jd-teal-lilac{background-image:linear-gradient(30deg,#D7F5DF,#A2B4F5);color:#335374;height:100vh}.theme-crush-orange{background-image:linear-gradient(0deg,#fff9c3,#fffbbe);color:#335374;height:100vh}.theme-crush-grad-2{background-image:url(/images/gradients/gradient-2.jpg);color:#335374}.theme-crush-grad-5{background-image:url(/images/gradients/Gradient-5.png);color:#335374}.theme-crush-grad-6{background-image:url(/images/gradients/Gradient-6.png);color:#335374}.theme-jd-grad1{background-image:url(/images/gradients/Gradient-1.png);color:#335374}.theme-jd-grad2{background-image:url(/images/gradients/gradient-2.jpg);color:#335374}.theme-jd-grad3{background-image:url(/images/gradients/Gradient-3.png);color:#335374}.theme-jd-grad4{background-image:url(/images/gradients/Gradient-4.png);color:#335374}.theme-jd-grad5{background-image:url(/images/gradients/Gradient-5.png);color:#335374}.theme-jd-grad6{background-image:url(/images/gradients/Gradient-6.png);color:#335374}.theme-jd-grad7{background-image:url('/images/gradients/Pink and Yellow Gradient 7.png');color:#335374}.theme-jd-grad8{background-image:url(/images/gradients/PB-Gradient-8.png);color:#335374}.theme-jd-grad10{background-image:url(/images/gradients/Teal-4.png);color:#335374}.theme-jd-grad11{background-image:url(/images/gradients/Teal-1.png);color:#335374}.theme-jd-grad12{background-image:url('/images/gradients/Pink and Yellow Gradient 4.png');color:#335374}.theme-jd-grad13{background-image:url(/images/gradients/PB-Gradient-8.png);color:#335374}.theme-jd-lilac-teal{background-image:linear-gradient(30deg,#A2B4F5,#D7F5DF);color:#335374;height:100vh}.theme-jd-lilac{background-color:#A2B4F5;color:#335374;height:100vh}.theme-jd-white{background-color:#EEE;color:#335374;height:100vh}.theme-turq-1h{background-color:#C6FEF9;color:#000;height:100vh}.theme-turq-2{background-color:#A5FEEC;color:#0F5277}.theme-turq-2 h2.complement{color:#F4BD3B}.theme-turq-2 .terra{color:#DA5E56!important}.theme-turq-2 .border{border:3px solid #F4BD3B}.theme-turq-2 .btn-primary{background:#0F5277;border-color:#0F5277;color:#fff}.theme-turq-2 .btn-primary-open{background:0 0;border-color:#0F5277;color:#0F5277}.theme-turq-2-inverse{background-color:#1E29C6;color:#A6FEEB}.theme-mauve-1{background-color:#F9DEE8;color:#000}.theme-mauve-2{background-color:#FDDCDB;color:#1E29C6}.theme-mauve-3{background-color:#E3B5BF;color:#fff}.theme-terra-1{background-color:#DA5E56;color:#fff}.theme-terra-1 h1,.theme-terra-1 h2,.theme-terra-1 h3,.theme-terra-1 h4,.theme-terra-1 h5{color:#F4BD3B}.theme-terra-2{background-color:#FC535B;color:#FBFEAC}.theme-terra-3{background-color:#FA7375;color:#FBFEAC}.theme-terra-3 .btn-default{border:3px solid #FBFEAC;color:#FBFEAC}.theme-citrus-inverse{color:#FD8A84;background-color:#A5FEEC}.theme-sky-1{background-color:#D8F6FE;color:#1E29C6}.theme-yellow-1{background-color:#FEF86D;color:#000}.theme-yellow-2,.theme-yellow-3,.theme-yellow-4{background-color:#F4BD3B}.theme-yellow-2{color:#fff}.theme-yellow-2 h1,.theme-yellow-2 h2,.theme-yellow-2 h3,.theme-yellow-2 h4,.theme-yellow-2 h5{color:#A5FEEC}.theme-yellow-3{color:#fff}.theme-yellow-3 h1,.theme-yellow-3 h2,.theme-yellow-3 h3,.theme-yellow-3 h4,.theme-yellow-3 h5{color:#E7783F}.theme-yellow-4{color:#1E29C6}.theme-sunset-grad{background-image:linear-gradient(to left,#fe8745 0,#f48ad8 100%);color:#fbffa7}.text-grad-a,.theme-grad-tasty{background:linear-gradient(45deg,#fc9ed7,#e37244)}.theme-grad-tasty{animation:gradient 4s linear infinite;animation-direction:alternate;color:#fbffa7}.theme-holiday-promo{background-image:url(/images/bg/snowflake-wide.jpg);background-size:cover;font-weight:700;color:#fff;text-shadow:1px 1px #a0a0a0;font-size:1.3em}.theme-lemonade{background-color:#FEF86D;color:#C12E97}.theme-lemonade-2{background-color:#FEF86D;color:#A7848C}.theme-technical-1{background-color:#333;color:#A8A7A8}.theme-navy{color:#fff;background:#0F5277}.theme-navy .btn-default,.theme-navy .btn-default:hover{border:3px solid #fff;color:#fff}.theme-navy-spacer{background-color:#fff;color:#0F5277}.theme-navy-spacer .btn-default,.theme-navy-spacer .btn-default:hover{border:3px solid #0F5277;color:#0F5277}.theme-uppercase-head{color:#335374;font-size:2.3em;text-transform:capitalize}.theme-uppercase-med{color:#335374;font-size:1.2em}.bg.bg-aria-hero.unique-gradient{display:flex;align-items:center;justify-content:center;height:calc(65vh - 64px);background-color:#0b0b1e;position:relative;overflow:hidden}@media (max-width:985px){.bg.bg-aria-hero.unique-gradient{background:linear-gradient(0deg,rgba(15,0,73,.4156862745) 0,rgba(15,0,73,.2980392157) 30%),url(/images/controllers/site/landing-pages/hookpad-screen.png);background-size:cover;background-position:center}}.landing-page-text-color{color:#0A1A36}.bg.bg-aria-hero.unique-gradient .container{height:100%;display:flex;align-items:center}.theme-landing-page{background:linear-gradient(to bottom,#f2f2f2,#eee);padding-left:80px;padding-right:80px}.theme-landing-page section{align-items:center;position:relative;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;padding:50px 0;background-size:cover;background-position:center;min-height:500px}.theme-landing-page section .feature-image img{background-color:transparent;box-shadow:0 3px 6px rgba(0,0,0,.16)}.theme-landing-page section .card{display:flex;flex-direction:column;height:100%;padding-top:50px;padding-bottom:50px;margin-bottom:40px;flex:1 0 300px}.theme-landing-page section .card-img{width:100%;height:200px;object-fit:cover}.theme-landing-page section .card-body{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;padding:15px;color:#1e1e1e;background-color:transparent;border:none;box-shadow:none}.theme-landing-page section .card-body .btn,.theme-landing-page section .card-body .card-text,.theme-landing-page section .card-body .card-title{margin:2}.theme-landing-page section .card-body .img{box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.theme-landing-page section .card-body .card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:20px}.theme-landing-page section .card-body .card-tag{background-color:#E2E6FF;color:#333;border-radius:5px;padding:5px 10px;margin-bottom:10px;position:absolute;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);top:-10px;right:10px}.theme-landing-page section .card-body .card-img{padding-top:30px;width:100%;height:auto;border-top-left-radius:10px;border-top-right-radius:10px}.theme-landing-page section .card-body .gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(to right,#1e0069 0,rgba(12,4,123,.7) 50%,rgba(0,0,0,0) 100%)}.theme-landing-page section .card-body.light-theme{color:#333;background-color:#f0f0f0}.theme-landing-page section .card-body.dark-theme{color:#fff;background-color:#1e0069}.theme-landing-page section .features-section .col-md-4 .icon-header{display:flex;align-items:center;justify-content:flex-start}.theme-landing-page section .features-section .col-md-4 .icon-header img#icon{width:15%}.h1-promo{font-size:3em!important}@media only screen and (min-width:768px){.h1-promo{font-size:3.5em!important}}@media only screen and (min-width:992px){.h1-promo{font-size:4.5em!important}}.h1-promo-books{font-size:5em!important;padding-bottom:30px}@media only screen and (max-width:992px){.h1-promo-books{font-size:3em!important}}@media only screen and (max-width:768px){.h1-promo-books{font-size:3em!important;padding-bottom:15px}}.h1-promo-hookpad{font-size:4em!important;padding-bottom:30px}@media only screen and (max-width:970px){.h1-promo-hookpad{font-size:4em!important}}@media only screen and (max-width:768px){.h1-promo-hookpad{font-size:3em!important;text-align:center;padding-bottom:15px}}.h2-promo-hookpad{font-size:1.2em!important}@media only screen and (max-width:970px){.h2-promo-hookpad{font-size:1em!important}}.font-crush-header{transform:rotate(-5deg) skew(-5deg);-webkit-text-stroke:1px #000;-webkit-text-fill-color:rgba(255,255,255,0);text-shadow:3px 3px 0 #eefa11;font-family:BAUHS93}.crush-header-shadow{text-shadow:2px 2px 0 #eefa11}@media only screen and (min-width:768px){.crush-header-shadow{text-shadow:3px 3px 0 #eefa11}.text-align-sm-center{text-align:left}}@media only screen and (min-width:992px){.crush-header-shadow{text-shadow:3px 3px 0 #eefa11}}@media only screen and (min-width:1200px){.crush-header-shadow{text-shadow:4px 4px 0 #eefa11}}.btn-crush{background:#eefa11;border-color:#eefa11;color:#333;display:block;width:100%}.btn-crush:hover{border-color:#d0db00;background:#d0db00}.theme-card-grad1{background-image:linear-gradient(0deg,#A5FEEC,#A2B4F5);color:#335374}.theme-card-0{color:#FFF}.theme-card-gray{background-color:#e6e1e1}.ipad-landscape,.ipad-portrait{max-width:100%;max-height:100%}.video-ipad-portrait{margin-left:1px;width:205px;height:280px;overflow:hidden}@media only screen and (min-width:768px){.video-ipad-portrait{width:287px;height:390px}}.video-ipad-landscape-inset{width:268px;height:300px;margin-left:40px;margin-top:-203px;overflow:hidden}@media only screen and (min-width:768px){.video-ipad-landscape-inset{width:346px;height:300px;margin-left:51px;margin-top:-261px}}.video-ipad-landscape-inset-400{width:268px;height:300px;margin-left:40px;margin-top:-203px;overflow:hidden}@media only screen and (min-width:768px){.video-ipad-landscape-inset-400{width:307px;height:300px;margin-left:45px;margin-top:-232px}}.video-ipad-landscape{width:268px;height:300px;margin-left:-2px;margin-top:118px;overflow:hidden}.padding-bottom-sm-20-0{padding-bottom:20px}@media only screen and (min-width:768px){.video-ipad-landscape{width:346px;height:300px;margin-left:-2px;margin-top:62px}.padding-bottom-sm-20-0{padding-bottom:0}}.margin-top-neg-sm-40-0{margin-top:0}@media only screen and (min-width:768px){.margin-top-neg-sm-40-0{margin-top:-10px}}.buy-bottom{bottom:5%}.buy-sm-margin-top-m100{margin-top:-100px}@media only screen and (min-width:768px){.buy-sm-margin-top-m100{margin-top:0}}.bs-accordion .panel-heading a .glyphicon.glyphicon-chevron-right,.bs-accordion .panel-heading a[aria-expanded=true] .glyphicon.glyphicon-chevron-right{margin-top:5px;color:#335374;transition:transform 350ms cubic-bezier(.645,.045,.355,1)}.faq-answer{padding:16px}.bs-accordion .panel-default{border:0}.bs-accordion .panel-heading{padding:3px;background-color:#ff9ec3;border-radius:25px;border:none}.bs-accordion .panel-heading[aria-expanded=true]{background-color:#ffed9e}.bs-accordion .panel-heading a{display:block;padding:10px 15px;color:#335374}.bs-accordion .panel-heading a[aria-expanded=true] .glyphicon.glyphicon-chevron-right{transform:rotate(90deg)}.artist-grid{display:grid;height:60vh;width:100%;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);grid-gap:5px;overflow:hidden;margin:20px auto;max-width:1000px}@media only screen and (min-width:768px){.artist-grid{height:100vh}}.artist-grid>.artist-item{background-position:center;background-repeat:no-repeat;background-size:105% cover}.artist-item:nth-child(1){grid-row:1/4;grid-column:1/3}.artist-item:nth-child(2){grid-column:3/4;grid-row:1/3}.artist-item:nth-child(3){grid-column:4/7;grid-row:1/3}.artist-item:nth-child(4){grid-column:1/3;grid-row:4/5}.artist-item:nth-child(5){grid-column:3/5;grid-row:3/5}.artist-item:nth-child(6){grid-column:5/7;grid-row:3/4}.artist-item:nth-child(7){grid-column:1/4;grid-row:5/7}.artist-item:nth-child(8){grid-column:4/5;grid-row:5/7}.artist-item:nth-child(9){grid-column:5/7;grid-row:4/7}.text-grad-a{-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media print{a[href]:after{content:""!important}.print-none{display:none!important}}pre{font-size:inherit}.ais-SearchBox-loadingIndicator,.ais-SearchBox-reset,.ais-SearchBox-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:1;width:24px;top:50%;right:.6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0;border:none;background:0 0;color:#2A6B93}.ais-SearchBox-form{display:block;position:relative}.ais-SearchBox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.3rem 2rem;width:100%;position:relative;background-color:#fff;border:none;border-radius:8px;outline:0}.ais-SearchBox-submit{left:.3rem}.ais-SearchBox-reset{right:.6rem}.ais-Stats{width:100%;position:absolute;top:40px;z-index:21;text-align:right;font-size:.8rem;padding-right:10px}.ais-Hits,.ais-InfiniteHits{width:100%;position:absolute;top:40px;background:#fff;border-radius:8px;z-index:20;padding:10px}.ais-Hits--empty,.ais-InfiniteHits--empty{box-shadow:none;padding:0}.ais-Hits-list,.ais-InfiniteHits-list{padding-bottom:0;margin-bottom:0}ol.ais-Hits-list,ol.ais-InfiniteHits-list{padding-left:0}ol.ais-Hits-list li,ol.ais-InfiniteHits-list li{list-style-type:none}mark{font-weight:700;padding:0;background:0 0}.separator{display:flex;align-items:center;text-align:center}.separator::after,.separator::before{flex:1;border-bottom:1px solid #ccc}.separator:not(:empty)::before{margin-right:1em}.separator:not(:empty)::after{margin-left:1em}