#home{height:160px;background-color:#1bc1b8;width:100%;overflow:hidden}#header-home-content{display:inline-block;color:#fff;margin-left:25px}#header-home-title{font-weight:700;font-size:40px;margin-top:30px}.card{width:400px;margin:80px auto 250px;background-color:#fff;box-shadow:0 5px 20px #999;border-radius:6px}.card-body{text-align:center;padding:15px 20px;box-sizing:border-box}.card-step-1{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased}.card-selector{width:132px;height:58px;padding:0;background:transparent;background-color:#1bc1b8;margin:0 auto;border-radius:6px;-webkit-transition:all .5s ease;transition:all .5s ease;font-size:20px}.card-selector select{overflow:visible;text-transform:uppercase;padding:16px 32px;text-align:center;width:100%;height:100%;border:none;box-shadow:none;background-color:transparent;background-image:none;appearance:none;cursor:pointer;color:#fff;margin:0 auto;font-size:25px;font-weight:700;line-height:normal;-webkit-transition:all .5s ease;transition:all .5s ease}.card-selector select option{background-color:#00fff1;color:#fff}.card-selector:hover{background-color:#00fff1}.card-selector select:hover{color:#fff}.card-step-1,.card-selector{text-align:center;font-weight:700}.card-step-1{color:#777}@media only screen and (max-width : 510px){.card{width:290px}}.butn{overflow:visible;margin:0 auto 16px;border:0;background:transparent;width:128.88px;font:inherit;font-weight:700;line-height:normal;cursor:pointer;-moz-user-select:text;display:block;text-decoration:none;text-transform:uppercase;padding:16px 36px 22px;background-color:#fff;color:#4ccfc8;border:2px solid #1bc1b8;border-radius:6px;-webkit-transition:all .5s ease;transition:all .5s ease}.butn::-moz-focus-inner{padding:0;border:0}.butn--stripe{overflow:hidden;position:relative}.butn--stripe:after{content:"";display:block;height:7px;width:100%;background-image:-webkit-repeating-linear-gradient(45deg,#1bc1b8,#1bc1b8 1px,transparent 2px,transparent 5px);background-image:repeating-linear-gradient(45deg,#1bc1b8,#1bc1b8 1px,transparent 2px,transparent 5px);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-top:1px solid #1bc1b8;position:absolute;left:0;bottom:0;background-size:7px 7px}.butn--stripe:hover{background-color:#1bc1b8;color:#fff;border-color:#1bc1b8}.butn--stripe:hover:after{background-image:-webkit-repeating-linear-gradient(45deg,#fff,#fff 1px,transparent 2px,transparent 5px);background-image:repeating-linear-gradient(45deg,#fff,#fff 1px,transparent 2px,transparent 5px);border-top:1px solid white;-webkit-animation:stripe-slide 12s infinite linear forwards;animation:stripe-slide 12s infinite linear forwards}@-webkit-keyframes stripe-slide{0%{background-position:0% 0}to{background-position:100% 0}}@keyframes stripe-slide{0%{background-position:0% 0}to{background-position:100% 0}}.video{width:320px;cursor:pointer;background-color:#fff;margin:10px 5px;position:relative;overflow:hidden;border-radius:5px}.video img{width:100%;height:180px}.video:hover{background-color:#1bc1b8;color:#fff}.video:hover .addToQueue{display:block}.video p{margin:0;padding:5px}.addToQueue{position:absolute;top:5px;right:5px;font-size:40px;height:40px;line-height:40px;width:40px;text-align:center;border-radius:3px;color:#32e2d9;display:none}.addToQueue:hover{color:#fff;background-color:#32e2d9}#videos{width:calc(100% - 480px);margin-left:240px;transition:ease all .5s}.active #videos{margin-left:0}.videos{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:121px}.active aside{transform:translate(0)}aside{position:fixed;right:0;top:0;width:480px;height:100%;background-color:#1bc1b8;color:#fff;z-index:2;-webkit-transform:translateX(480px);-ms-transform:translateX(480px);transform:translate(480px);transition:ease all .5s}#close{display:none}aside h3{padding:20px;margin:0}aside h2{padding:20px;font-weight:400;margin-bottom:0}#queue p{padding:10px 20px;margin:0}#queue p:hover{background-color:#0000001a;cursor:pointer}.queued-videos span{text-align:center}.queued-videos img{max-width:100%;margin-left:auto;margin-right:auto;display:block}#share-buttons{padding-bottom:10px;padding-top:0}.g-bar{display:flex;width:100%;overflow:hidden;align-items:center;border-bottom:4px solid rgba(255,255,255,.1);border-top:4px solid rgba(255,255,255,.1)}.g-bar h3,.g-bar div{width:50%}.g-bar .button{margin-right:10px;text-align:center}.button{display:inline-block;padding:8px 10px;color:#fff;text-decoration:none;border-radius:3px;cursor:pointer;font-size:14px;margin-left:10px;margin-right:10px}.button:hover{background-color:#0003}#reduced{height:100px;background-color:#1bc1b8;width:100%;overflow:hidden;position:fixed;display:flex;top:0;left:0;z-index:1}#header-home-title-reduced{font-size:25px;margin-top:21px}.selector{width:75px;height:50px;padding:0;background:transparent;border:3px solid white;margin-left:24px;margin-top:26px;border-radius:6px;-webkit-transition:all .5s ease;transition:all .5s ease}.selector select{overflow:visible;text-transform:uppercase;width:100%;height:100%;border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:#fff;font:inherit;line-height:normal;font-size:25px;text-align:center;-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:6px}.selector select option{font-size:30px;background-color:#4ccfc8;color:#fff}.selector:hover{background-color:#fff}.selector select:hover{color:#4ccfc8}.hidden,#open-now-playing{display:none}.animation-bounce{animation-name:bounce;animation-duration:1s}@keyframes bounce{0%{transform:translateY(0)}30%{transform:translateY(-50px)}50%{transform:translateY(5px)}70%{transform:translateY(-25px)}80%{transform:translateY(2px)}90%{transform:translateY(-15px)}to{transform:translateY(0)}}.animation-zoom{animation:zoomInOut 1s ease-in-out infinite}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}body{background-color:#eee;font-family:Montserrat,sans-serif;margin:0;padding:0}@media all and (max-width: 1500px){aside{width:360px;-webkit-transform:translateX(3600px);-ms-transform:translateX(3600px);transform:translate(3600px)}#videos{width:calc(100% - 360px);margin-left:180px}iframe{width:360px;height:202px}#share-buttons{padding:0 10px 10px}.button{margin:0}}@media all and (max-width: 1400px){.video{width:200px}.video img{height:112px}header h1{font-size:18px}.videos{margin-top:100px}}@media all and (max-width: 1024px){#videos{width:100%;margin-left:0}.video{width:360px}.video img{height:202px}.addToQueue{display:block;font-size:60px;height:60px;line-height:60px;width:60px}iframe{width:480px;height:270px;float:left}h2,#share-buttons{overflow:hidden}aside{width:100%;-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translate(0);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.closed{-webkit-transform:translateY(-100%)!important;-ms-transform:translateY(-100%)!important;transform:translateY(-100%)!important}#close{display:block;position:absolute;width:50px;height:70px;bottom:10px;right:10px;font-size:18px;text-align:center;border-radius:3px;cursor:pointer}#close i{font-size:40px}#close:hover{background-color:#fff;color:#1bc1b8}.active aside{-webkit-trasnform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0)}#open-now-playing{font-size:19px;height:auto;align-self:center;margin-left:auto;margin-right:16px}.active header #open-now-playing{display:block}}@media all and (max-width: 700px){iframe{width:360px;height:202px}.kpop{display:none}}@media all and (max-width: 600px){#header-home-title-reduced{font-size:23px;margin-top:23px}iframe{width:100%;height:202px;float:none}select{font-size:20px;padding:.1em .2em}#open-now-playing{font-size:16px;height:auto;text-align:right;align-self:center;margin-left:auto}h2{font-size:20px;margin-top:0;padding-bottom:10px!important}#share-buttons{padding-bottom:0!important}.queued-videos img{display:none}}.isIphone .addToQueue{display:none!important}