@font-face {
    font-family: 'ArminGroteskTypo Black';
    src: url('../fonts2/ArminGroteskTypo-Black.eot');
    src: url('../fonts2/ArminGroteskTypo-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-Black.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-Black.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-Black.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-Black.svg#ArminGroteskTypo-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Normal Italic';
    src: url('../fonts2/ArminGroteskTypo-NormalItalic.eot');
    src: url('../fonts2/ArminGroteskTypo-NormalItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-NormalItalic.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-NormalItalic.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-NormalItalic.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-NormalItalic.svg#ArminGroteskTypo-NormalItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Regular';
    src: url('../fonts2/ArminGroteskTypo-Regular.eot');
    src: url('../fonts2/ArminGroteskTypo-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-Regular.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-Regular.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-Regular.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-Regular.svg#ArminGroteskTypo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Semibold';
    src: url('../fonts2/ArminGroteskTypo-SemiBold.eot');
    src: url('../fonts2/ArminGroteskTypo-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-SemiBold.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-SemiBold.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-SemiBold.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-SemiBold.svg#ArminGroteskTypo-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Black Italic';
    src: url('../fonts2/ArminGroteskTypo-BlackItalic.eot');
    src: url('../fonts2/ArminGroteskTypo-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-BlackItalic.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-BlackItalic.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-BlackItalic.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-BlackItalic.svg#ArminGroteskTypo-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Normal';
    src: url('../fonts2/ArminGroteskTypo-Normal.eot');
    src: url('../fonts2/ArminGroteskTypo-Normal.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-Normal.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-Normal.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-Normal.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-Normal.svg#ArminGroteskTypo-Normal') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Regular Italic';
    src: url('../fonts2/ArminGroteskTypo-RegularItalic.eot');
    src: url('../fonts2/ArminGroteskTypo-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-RegularItalic.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-RegularItalic.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-RegularItalic.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-RegularItalic.svg#ArminGroteskTypo-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Ultra Light Italic';
    src: url('../fonts2/ArminGroteskTypo-UltraLightItalic.eot');
    src: url('../fonts2/ArminGroteskTypo-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-UltraLightItalic.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-UltraLightItalic.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-UltraLightItalic.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-UltraLightItalic.svg#ArminGroteskTypo-UltraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Ultra Bold Italic';
    src: url('../fonts2/ArminGroteskTypo-UltraBoldItalic.eot');
    src: url('../fonts2/ArminGroteskTypo-UltraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-UltraBoldItalic.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-UltraBoldItalic.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-UltraBoldItalic.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-UltraBoldItalic.svg#ArminGroteskTypo-UltraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Thin';
    src: url('../fonts2/ArminGroteskTypo-Thin.eot');
    src: url('../fonts2/ArminGroteskTypo-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-Thin.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-Thin.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-Thin.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-Thin.svg#ArminGroteskTypo-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Ultra Bold';
    src: url('../fonts2/ArminGroteskTypo-UltraBold.eot');
    src: url('../fonts2/ArminGroteskTypo-UltraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-UltraBold.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-UltraBold.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-UltraBold.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-UltraBold.svg#ArminGroteskTypo-UltraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Thin Italic';
    src: url('../fonts2/ArminGroteskTypo-ThinItalic.eot');
    src: url('../fonts2/ArminGroteskTypo-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-ThinItalic.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-ThinItalic.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-ThinItalic.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-ThinItalic.svg#ArminGroteskTypo-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Semibold Italic';
    src: url('../fonts2/ArminGroteskTypo-SemiBoldItalic.eot');
    src: url('../fonts2/ArminGroteskTypo-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-SemiBoldItalic.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-SemiBoldItalic.svg#ArminGroteskTypo-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ArminGroteskTypo Ultra Light';
    src: url('../fonts2/ArminGroteskTypo-UltraLight.eot');
    src: url('../fonts2/ArminGroteskTypo-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts2/ArminGroteskTypo-UltraLight.woff2') format('woff2'),
        url('../fonts2/ArminGroteskTypo-UltraLight.woff') format('woff'),
        url('../fonts2/ArminGroteskTypo-UltraLight.ttf') format('truetype'),
        url('../fonts2/ArminGroteskTypo-UltraLight.svg#ArminGroteskTypo-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* Sidan */

h6{position:fixed;z-index:99;display:none;bottom:-20px;left:5px;}
html{margin:0px;padding:0px;}
body{margin:0px;padding:0px;background-color:#e8e6e4;}
p, h1{font-family:'Source Sans Pro Regular';font-size:1.1em;line-height:1.2;text-align:left;color:#fff;text-indent:0px;}
#main h1{display:none;}
#svgbibl{display:none;}
a{text-decoration:none;}




#menyboard{z-index:101;width:100%;height:60px;position:fixed;top:0px;}
#menybak{width:100%;height:60px;position:absolute;z-index:0;margin:0px;padding-top:0px;background-color:#1e5759;}
#menyyta{width:auto;height:60px;float:right;position:relative;display:block;margin:0px;padding-top:0px;}

#textmenyer{display:none;width:auto;padding:10px 20px 0 0;}
#burgare{display:block;width:auto;padding:10px 10px 0 0;}

#sprakmeny{position:relative;display:inline-block;width:auto;top:0;right:0;}
#sprakmeny img{width:45px;margin:8px 0 0 5px;padding:0;position:relative;display:block;top:0;left:0;vertical-align:top;}

.menyer{padding:12px 10px 10px 10px;display:inline-block;cursor:pointer;border-radius:5px;vertical-align:top;}
.menyer p{color:#fff;font-family:'Source Sans Pro Regular';font-size:0.9em;line-height:1.0;margin:0 0 0 0;}
.guldtext p{color:#cfa86c;}
#burgareo.visas{display:inline-block;width:25px;height:25px;position:relative;cursor:pointer;}
#burgarec.visas{display:inline-block;width:25px;height:25px;position:relative;cursor:pointer;}
#burgare0.false{display:none;}
#burgarec.false{display:none;}
#burgareo img,#burgarec img{width:25px;height:25px;margin:0;padding:0;}
#menydrop{width:150px;background-color:#1e5759;border-left:0px solid #e8e6e4;position:fixed;right:0;top:0;padding-top:60px;z-index:-1;height:100%;}
#menydrop.visas{display:block;margin-right:0px;}
#menydrop.false{display:block;margin-right:-150px;}
#menydrop .menyer{display:block;margin:0 10px;}
#menydrop .menyer p{text-align:left;}
#menydrop #sprakmenydrop{margin:-40px 0 20px 20px;border:0px solid white;width:50px;height:auto;cursor:pointer;}

.false{display:none;}
.visas{display:inline-block;}

/* Startsidan - Sidhuvud */

html{margin:0;padding:0;}
body{background-color:#ededed;margin:0;padding:0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
body { 
  background-image: url('../svgar/btm2.svg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover; 
  background-position:center;
}

body .ec-store__product-page{border:1px solid red;margin:0 auto;}

#svgbild,#svgbild2{position:absolute;z-index:2;overflow:auto;border:0px solid grey;display:none;
	width: 100%;
	height: 100%;
    margin: 0px;
}
#primary{border:0px solid red;width:80dvh;margin:15dvh auto 0 auto;padding:0;background-color:#074d51;padding:0;}
#bild,#bild2{box-shadow: 0px 0px 5px #ccc;background:#fff;margin:0;overflow:scroll;}
#bildruta{width:80%;height:80%;border:1px solid #ccc;display:block;margin:0 10%;padding:25px 0;z-index:80;}
#bildruta2{width:80%;height:auto;border:1px solid #ccc;display:block;margin:0 10%;padding:25px 0;z-index:80;}
#knapp{width:100%;height:25px;margin:10px 0;cursor:pointer;}
#knapp p{width:50px;height:50px;border-radius:50px;position:relative;display:block;background-color:#fff;margin:-25px auto;box-shadow: 0px 0px 5px #ccc;font-size:1.9em;line-height:1.4;font-weight:bold;z-index:100;text-align:center;color:#868786}
#reader__dashboard{position:absolute;height:100%;}

#main header .entry-header{display:none;}
#main .hentry{margin:0;}
div .col-md-4{display:none;}
html#ecwid_html body#ecwid_body div.ecwid-productBrowser{margin:0;padding:0;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store .product-details--layout-sidebar-right .product-details__gallery{width:100%;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--s .ec-store .product-details--layout-sidebar-right .product-details__gallery{padding:0!important;}
html#ecwid_html body#ecwid_body div.ecwid-productBrowser{width:100%;padding:0!important;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store .product-details--layout-sidebar-right .product-details__sidebar{width:50%!important;float:none!important;margin:0 auto;}
html#ecwid_html body#ecwid_body .ec-size .ec-store *{color:#fff;line-height:1.0em;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .product-details__product-price{color:#fff;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store .product-details--layout-sidebar-right .product-details__gallery{float:none!important;width:100%!important;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--s .ec-store .details-product-purchase__controls{max-width:100%!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .details-product-purchase--in-bag .details-product-purchase__add-to-bag{background-color:#c43c6e!important;visibility:visible;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--secondary .form-control__button{background-color:#c43c6e!important;border:0px;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button{background-color:#de7b17!important;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--s .ec-store .ec-footer--no-menu{display:none!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .details-gallery.details-gallery--feed .details-gallery__image-wrapper img{width:125%;margin:-7% auto;display:block;height:auto;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--s .ec-store .product-details__product-title{font-size:5dvh;line-height:1.0;color:#de7b17;font-family:'Source Sans Pro Bold';}
html#ecwid_html body#ecwid_body .ec-size.ec-size--s .ec-store .product-details--layout-sidebar-right .product-details__gallery{margin-bottom:0;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--select-inline:hover .form-control__select-text, html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--select-inline:hover .form-control__arrow{color:#c96d7a!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link{color:#c96d7a!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-link:hover{color:#c96d7a!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-text-muted{color:#fff!important;line-height:1.6em!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form__msg{color:#fff!important;line-height:1.6em!important;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store.ec-store__subscription-page .ec-cart__body, html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store.ec-store__cart-page .ec-cart__body, html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store.ec-store__account-page .ec-cart__body{width:50%!important;padding-left:0!important;margin:0 auto;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store.ec-store__subscription-page .ec-cart__sidebar, html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store.ec-store__cart-page .ec-cart__sidebar, html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store.ec-store__account-page .ec-cart__sidebar{width:50%!important;padding-left:0!important;margin:0 auto;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store.ec-store__checkout-page .ec-cart__sidebar{width:50%!important;padding-left:0!important;margin:0 auto;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--m .ec-store.ec-store__checkout-page .ec-cart__body{width:50%!important;padding-left:0!important;margin:0 auto;}
html#ecwid_html body#ecwid_body span.ecwid-maintenance-popup{background-color:#fff;}

html#ecwid_html body#ecwid_body .ec-size.ec-size--s .ec-store .ec-cart{display:block!important;}
textarea{display:block;}
.divs{width:100%;height:auto;border:0px solid red;min-height:50px;margin:0 0;white-space: nowrap;}
.off{display:none;}
.on{display:block;}
h3{display:block;font-size:1.2em;color:#868786;margin:40px 0% 5px 0%;width:100%;}
h3 a{color:#868786;font-size:10px;margin-left:5px;text-decoration:none;text-transform:uppercase;color:#777;}
p{font-size:0.9em;margin:0;line-height:1.4;}
h3 span{background-color:#f28e45;border-radius:20px;color:#fff;width:40px;height:35px;display:inline-block;margin:-10px 15px 0 -20px;text-align:center;font-size:1.2em;vertical-align:top;padding:5px 0 0 0;}



.knapp{background:#fff;display:inline-block;width:200px;font-size:0.9em;text-align:center;color:#777;padding:10px 0 10px 0;margin-top:10px;border:0px;border:1px solid #ccc;cursor:pointer;}
.knappfile{background:#fff;display:block;width:200px;font-size:0.9em;text-align:center;color:#777;padding:10px 0 10px 0;margin-top:10px;border:0px;border:1px solid #ccc;cursor:pointer;}
::-webkit-file-upload-button{background:#fff;display:block;width:200px;font-size:0.9em;text-align:center;color:#777;padding:10px 0 10px 0;margin-top:10px;border:0px;border:1px solid #ccc;cursor:pointer;text-transform:uppercase;}
.knappfile + label {display:block;width:200px;font-size:0.9em;text-align:center;color:#777;padding:10px 0 10px 0;margin-top:10px;border:0px;border:1px solid #ccc;cursor:pointer;}
input[type=file]{color:#777;font-size:1em;margin-right:10px;width:500px;}

#iframe iframe{width:100%;height:auto;}
#bildruta #reader{width:100% !important;border:0px solid #f28e45 !important;}
/*#bildruta #reader__scan_region{display:none;}*/
#bildruta img{display:none;}
#bildruta #reader__scan_region{min-height:5px !important;}
#html5-qrcode-button-camera-permission{display:block;color:#fff;background-color:#f28e45;border:0;height:auto;width:60%;padding:0.3em;font-size:1.5em;margin:0 auto 0 auto;cursor:pointer;}
#html5-qrcode-button-camera-start{display:block;color:#fff;background-color:#f28e45;border:0;height:auto;width:60%;padding:0.3em;font-size:1.5em;margin:0 auto 0 auto;cursor:pointer;}
#html5-qrcode-select-camera{display:block;color:#fff;background-color:#868786;border:0;height:auto;width:60%;padding:0.3em;font-size:1.5em;margin:0 auto 5px auto;cursor:pointer;}
#html5-qrcode-select-camera{border: 0px solid transparent;border-color: #fff transparent transparent transparent;border-radius:0;
	-webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
}
.uploadno::file-selector-button {background-color:#fff;}
.uploadyes::file-selector-button {background-color:#e3f8e3;}
#bildruta #html5-qrcode-anchor-scan-type-change{display:none !important;}


#qrknapp {background-color:#fff;width:40vw;height:40vw;position:absolute;bottom:20vw;left:50%;margin:-20vw 0 0 -20vw;border-radius:15px;cursor:pointer;
  background-image: url('../svgar/qr.svg');
  background-repeat: no-repeat;
  background-attachment: absolute;
  background-size: 90%; 
  background-position:center;
}
#folk_indie {background-color:#fff;width:100%;height:100%;position:absolute;
  background-image: url('../svgar/folk_indie.svg');
  background-repeat: no-repeat;
  background-attachment: absolute;
  background-size: cover; 
  background-position:center;
}
#playknapp {background-color:#fff;width:40vw;height:40vw;position:absolute;bottom:20vw;left:50%;margin:-20vw 0 0 -20vw;border-radius:15px;cursor:pointer;
}
#kameravy {background-color::#fff;border:1px solid #fff;width:90vw;height:90vw;position:absolute;top:50%;left:50%;margin:-45vw 0 0 -45vw;border-radius:15px;cursor:pointer;
  background-image: url('../svgar/kameraback.jpg');
  background-repeat: no-repeat;
  background-attachment: absolute;
  background-size: cover; 
  background-position:center;
}
#iframevy {background-color:transparent;border:0px solid #fff;width:90vw;height:40vh;position:absolute;top:30vh;left:50%;margin:0 0 0 -45vw;border-radius:15px;cursor:pointer;
}
#iframby .BackgroundColorContainer_backgroundColorContainer__YZSQ7{background-color:#fff!important;}
#equalizer {
  position: absolute;
  width:80%;
  height:90%;
  left: 16%;
  top: 8%;
}
#bar1 {
  animation: bar1 1.6s infinite linear;fill:#C43C6E;
}

#bar2 {
  animation: bar2 1.7s infinite linear;fill:#C96D7A;
}

#bar3 {
  animation: bar3 1.8s infinite linear;fill:#F0841D;
}

#bar4 {
  animation: bar4 0.9s infinite linear;fill:#C4B400;
}
#bar5 {
  animation: bar5 1.0s infinite linear;fill:#8C9E2E;
}
#bar6 {
  animation: bar6 1.2s infinite linear;fill:#3B8E8B;
}
#bar7 {
  animation: bar7 1.5s infinite linear;fill:#007780;
}
#bar8 {
  animation: bar8 1.9s infinite linear;fill:#106368;
}

@keyframes bar1 {
  0% {
    height: 2px;
  }
  50% {
    height: 7px;
  }
  100% {
    height: 2px;
  }
}

@keyframes bar2 {
  0% {
    height: 5px;
  }
  40% {
    height: 1px;
  }
  80% {
    height: 7px;
  }
  100% {
    height: 5px;
  }
}

@keyframes bar3 {
  0% {
    height: 7px;
  }
  50% {
    height: 0;
  }
  100% {
    height: 7px;
  }
}

@keyframes bar4 {
  0% {
    height: 2px;
  }
  50% {
    height: 7px;
  }
  100% {
    height: 2px;
  }
}
@keyframes bar5 {
  0% {
    height: 6px;
  }
  50% {
    height: 2px;
  }
  100% {
    height: 6px;
  }
}
@keyframes bar6 {
  0% {
    height: 6px;
  }
  50% {
    height: 2px;
  }
  100% {
    height: 6px;
  }
}
@keyframes bar7 {
  0% {
    height: 6px;
  }
  50% {
    height: 2px;
  }
  100% {
    height: 6px;
  }
}
@keyframes bar8 {
  0% {
    height: 6px;
  }
  50% {
    height: 2px;
  }
  100% {
    height: 6px;
  }
}