html{-webkit-box-sizing: border-box;box-sizing: border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;}*,*:before,*:after{-webkit-box-sizing: inherit;box-sizing: inherit;}body{margin:0;color:#222;font-family:Graphik Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;height:100%;}a{text-decoration:none;color:#06c;cursor:pointer;}a:hover{text-decoration:underline;}a:active{color:blue;}a.link:after {content:"›"; padding-left:4px;text-decoration:none !important;}a.link:after:hover {text-decoration:none !important;}h1,h2,h3,h4,h5{line-height:1.05em;font-weight:400;margin:2.4vw 0;}.xxxl{font-size:10vw;letter-spacing:-.4vw;line-height:.9em;}h1,.xxl{font-size:5vw; letter-spacing:-.15vw;line-height:1.05em;}h2,.xl{font-size:3.7vw;letter-spacing: -0.05vw;line-height:1.05em;margin:1.8vw 0;}h3,.lg{font-size:3.2vw;line-height:1.05em;letter-spacing:-.05vw;margin:2vw 0;}h4,.md{font-size:2.4vw;line-height:1.05em;margin:2vw 0;}h5,.rg{font-size:1.8vw;line-height:1.1em;margin:2vw 0;}.sm{font-size:1.15vw;line-height:1.4;}.xsm{font-size:1vw;line-height:1.4;}p,ul,ol,blockquote,button,footer,table,pre,input,select,textarea,label{ font-size:1.3vw;  font-family: "SF Pro Text","Helvetica Neue","Helvetica","Arial",sans-serif; line-height: 1.5em; color: #1d1d1f;}blockquote{border-left:solid 15px #eee;margin-left:0; padding-left:20px;font-style:italic;}img{max-width:100%;}pre{padding:30px;background:#eee;color:#363636;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;} .input{ border: 1px solid #ccc; background:none; width:100%; font-size:18px; padding:14px 20px 14px 20px; box-sizing:border-box;-webkit-box-sizing:border-box; appearance:none;-webkit-appearance:none;}.input:focus {outline: 0;box-shadow: 0px 0px 0px 1px blue;background-color:#f7f9ff;}select.input { outline:none; padding-right: 40px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 29 14" width="37"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;}select.input[multiple]{background: none;}table{width:100%;table-layout:fixed;text-align:center;border-collapse:collapse}table.list{width:100%;table-layout:auto;}table.list > tbody > tr:nth-child(even){background:#f3f3f3;}table.list > thead > tr{background:#f3f3f3;font-weight:400;}table.list > tbody > tr > td,table.list > thead > tr > th{text-align: left;padding:12px;}table.hover{cursor:pointer;}table.hover > tbody > tr:hover{background: #f1f7fb;}table.pad > tbody > tr > td,table.pad > thead > tr > th{padding:20px;} .wrap {padding:60px 10%;}.pad{padding:20px;}.margin{margin:20px;}.pad-xxsm {padding:2.5%;}.pad-xsm {padding:5%;}.pad-sm {padding:15%;}.pad-md {padding:20%;}.pad-lg {padding:30%;}.pad-xlg {padding:40%;}.max-xxsm{max-width:250px;margin:0 auto;}.max-xsm{max-width:450px;margin:0 auto;}.max-sm{max-width:650px;margin:0 auto;}.max-md{max-width:800px;margin:0 auto;}.max-lg{max-width:960px;margin:0 auto;}.max-xl{max-width:1200px;margin:0 auto;}.max-xxlg{max-width:1425px;margin:0 auto;}.wrap {padding-top:60px; padding-bottom:60px;}.wrap>*:first-child {margin-top:0;}.row{display:flex;}.row > * {flex-grow:1;}.row.pad {padding:0;}.row.pad > * {padding:10px;}.row.pad > *:first-child {padding-left:0;}.row.pad > *:last-child {padding-right:0;}.row.pad-all > *{padding:10px !important;}.row.reverse {flex-direction: row-reverse;}.row.column {flex-direction: column;}.row.column-reverse {flex-direction: column-reverse;}.row.wrap {flex-wrap:wrap;padding:0;}.row.wrap-reverse {flex-wrap:wrap-reverse}.row.item-start { align-items: flex-start;}.row.bottom { align-items: flex-end;}.row.middle { align-items: center;}.row.start {align-content:flex-start;}.row.stretch {align-content:stretch;}.row.end {align-content:flex-end;}.row.space-middle {align-content:center;}.row.space-between {align-content:space-between;}.row.space-around {align-content:space-around;}.row.space-evenly {align-content:space-evenly;}.col,.col2 {column-count: 2; column-gap: 20px;}.col3 {column-count: 3; column-gap: 20px;}.col4 {column-count: 4; column-gap: 20px;}.col5 {column-count: 5; column-gap: 20px;}.w1{flex: 0 0 10%;width:10%;}.w2{flex: 0 0 20%;width:20%;}.w3{flex: 0 0 30%;width:30%;}.w4{flex: 0 0 40%;width:40%;}.w5{flex: 0 0 50%;width:50%;}.w6{flex: 0 0 60%;width:60%;}.w7{flex: 0 0 70%;width:70%;}.w8{flex: 0 0 80%;width:80%;}.w9{flex: 0 0 90%;width:90%;}.w10{flex: 0 0 100%;width:100%;} .button{ padding:15px 50px; text-decoration:none; font-weight: bold; display:inline-block; text-align:center; background:#00c8ff; cursor: pointer; line-height: 1.3em; font-size:16px; color:#fff; text-rendering: optimizeLegibility; border-radius:5px; -webkit-font-smoothing: antialiased; -webkit-user-select: none;  user-select: none;  transition: all 0.15s linear;}.button.txt {color:#576a95;background:none;box-shadow:inset 0 0 0 2px #6A7283;}.button.sm{font-size:12px; font-weight:bold; padding:5px 30px;} .cap{text-transform:uppercase;}.spread{letter-spacing:.4em;}.right{text-align:right;}.left{text-align:left;}.center{text-align:center;}.italic{font-style:italic;}.strike{text-decoration:line-through;}.f1{font-weight:100;}.f2{font-weight:200;}.f3{font-weight:300;}.f4{font-weight:400;}.f5{font-weight:500;}.f6{font-weight:600;}.f7{font-weight:700;}.f8{font-weight:800;}.f9{font-weight:900;}.light {color:#9c9da6;}.border{border:solid 1px #ccc;}.block{width:100%;padding-left:0;padding-right:0;display:inline-block;}.fill{width:100%;height:100%;padding-left:0;padding-right:0;margin:0;display:block;}.tight{padding:0 !important;margin:0 !important;}.tight-top{padding-top:0 !important;margin-top:0 !important;}.tight-bottom{padding-bottom:0 !important;margin-bottom:0 !important;}.tight-left{padding-left:0 !important;margin-left:0 !important;}.tight-right{padding-right:0 !important;margin-right:0 !important;}.o0{opacity:0;}.o6{opacity:.6;}.o8{opacity:.8;}.o7{opacity:.7;}.o5{opacity:.5;}.float{float:left;}.float.stay{float:left !important;}.float-right{float:right;}.float-right.stay{float:right !important;}.hide{display:none;}.hidden {overflow:hidden;display:inline-block;}.relative{position:relative;}.absolute{position:absolute;}.absolute.stay{position:absolute !important;}.fixed{position:fixed;z-index:1;} .fixed.stay{position:fixed !important;}.round{-webkit-border-radius:5px;border-radius:5px;}.round-sm{-webkit-border-radius:2px;border-radius:2px;}.round-md{-webkit-border-radius:10px;border-radius:10px;}.round-lg{-webkit-border-radius:25px;border-radius:25px;}.round-xl{-webkit-border-radius:50px;border-radius:50px;}.circle{-webkit-border-radius:50%;border-radius:50%;}.rect-left-bottom{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0px !important;}.rect-left-top{-webkit-border-top-left-radius:0;border-top-left-radius:0px !important;}.rect-right-bottom{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0px !important;}.rect-right-top{-webkit-border-top-right-radius:0;border-top-right-radius:0px !important;}.shadow{box-shadow: 0px 2px 8px -3px rgba(36, 37, 62, 0.9);}.shadow-sm{box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);}.shadow-md{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12);}.shadow-lg{box-shadow: 0px 20px 30px -10px rgba(36, 37, 62, 0.6);}.shadow-xl{box-shadow: 10px 10px 118px 0px rgba(0, 0, 0, 0.75);}.shadow-bottom{box-shadow: 0px 35px 80px -15px rgba(36, 37, 62, 0.9);}.shadow-bottom-lg{box-shadow: 0px 90px 160px -30px rgba(36, 37, 62, 0.9);} .black,.grey,.blue,.sky,.aqua,.green,.yellow,.orange,.red,.pink,.purple,.wine,.teal{color:#fff;}.blue{background:#0061ff;}.blue.txt{color:#0061ff;box-shadow:inset 0 0 0 2px #0061ff;}.sky{background:#00c8ff;}.sky.txt{color:#00c8ff;box-shadow:inset 0 0 0 2px #00c8ff;}.teal{background:#00bab3;}.teal.txt{color:#00bab3;box-shadow:inset 0 0 0 2px #00bab3;}.aqua{background:#32F2FC;}.aqua.txt{color:#32F2FC;box-shadow:inset 0 0 0 2px #32F2FC;}.green,.success{background:#28a745;}.green.txt,.success.txt{color:#28a745;box-shadow:inset 0 0 0 2px #28a745;}.mint {background:#AAFCD7;}.mint.txt {box-shadow:inset 0 0 0 2px #AAFCD7;}.yellow,.warning{background:#ffc107;}.yellow.txt,.warning.txt{color:#ffc107;box-shadow:inset 0 0 0 2px #ffc107;}.orange{background:#fd8227;}.orange.txt{color:#fd8227;box-shadow:inset 0 0 0 2px #fd8227;}.red{background:#fc0d1b;}.red.txt{color:#fc0d1b;box-shadow:inset 0 0 0 2px #fc0d1b;}.wine,.danger{background:brown;}.wine.txt,.danger.txt{color:brown;box-shadow:inset 0 0 0 2px brown;}.peach{background:#F2A697;}.peach.txt {box-shadow:inset 0 0 0 2px #F2A697;color:#F2A697;}.pink{background:#f230a6;}.pink.txt{color:#f230a6;box-shadow:inset 0 0 0 2px #f230a6;}.purple{background:#8400ff;}.purple.txt{color:#8400ff;box-shadow:inset 0 0 0 2px #8400ff;}.black{background:#343a40;}.black.txt{color:#343a40;box-shadow:inset 0 0 0 2px #343a40;}.grey{background:#89908e;}.grey.txt{color:#89908e;box-shadow:inset 0 0 0 2px #89908e;}.white{background:#f8f9fa;color:#555;}.white.txt{color:#fff;box-shadow:inset 0 0 0 2px #f8f9fa;}.txt {background:none;color:#000;}.grey1 {background:#F3F4F7;} .grey2 {background:#F0F2F5;} .grey3 {background:#F2F3F0;}.grey4 {background:#EDEFF3;}.light {color:#000;box-shadow:inset 0 0 0 99999px rgba(255,255,255,.85) !important; }.light * {color:#000;}.dark {color:#fff;box-shadow:inset 0 0 0 99999px rgba(0,0,0,.5) !important; }.dark * {color:#fff;}.button:hover {box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.18);text-decoration:none;}.button:active {box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.28);}.button.black:hover {box-shadow:inset 0 0 0 99999px rgba(255,255,255,0.1);}.button.black:active {box-shadow:inset 0 0 0 99999px rgba(0,0,0,1);}.button:not(.txt):active,.button:not(.txt):hover {color:#fff;}.button.txt:hover {box-shadow:inset 0 0 0 4px; }.button.txt:active {box-shadow:inset 0 0 0 4px,inset 0 0 0 99999px rgba(0,0,0,0.05);} @media all and (min-width: 640px){.dhide{display:none;}}@media all and (max-width: 1300px){ h1,h2,h3,h4{margin:30px 0;} p,ul,ol,blockquote,button,table,pre{font-size:17px;} .xxxl {font-size:6em; letter-spacing:-.06em;} h1,.xxl{font-size:4em; letter-spacing:-.02em;} h2,.xl{font-size:3em;letter-spacing: 0;} h3,.lg{font-size:2.5em;letter-spacing:0;} h4,.md{font-size:2em;} h5,.reg{font-size:1.5em;} .sm{font-size:15px;} p,ul,ol,blockquote,button,footer,table,pre,input,select,textarea,label{font-size:18px;}}@media all and (max-width: 640px){ .wrap{padding:10% !important;overflow:hidden;} .row{flex-wrap: wrap;flex-basis: 100%;} .row>* {padding:0 !important;flex:0 0 100% !important;width:100%;} .row.break2>*{flex:0 0 50% !important;} .row.break3>* {flex:0 0 33.33% !important;} .row.break4>*{flex:0 0 25% !important;} .row.break5>*{flex:0 0 20% !important;} .mcenter {text-align:center !important;} table.list{table-layout:fixed;} table.pad>tbody>tr>td,table.pad>thead>tr>th{padding:10px;} table.break,table.break>thead,table.break>tbody,table.break>thead>tr,table.break>tbody>tr,table.break>thead>tr>th,table.break>tbody>tr>td,table.break>tbody>tr>th{display:block !important;padding:0;width:100% !important;} table.break>tbody>tr>td,table.break>thead>tr>th{padding:5px 10px;} .button{width:100%;padding:15px 0;display:inline-block;} .button.sm{padding:10px 0;} .float,.float-right{float:none;} .fixed{position:static;} img{width:100%;max-width:100% !important;height:auto;max-height:auto;} .mhide,.hide{display:none !important;}}    .fade { -webkit-animation:fade;animation:fade;}.scale { -webkit-animation:scale;animation:scale;}.grow { -webkit-animation:grow;animation:grow;}.bulge { -webkit-animation:bulge;animation:bulge;}.bounce {-webkit-animation:bounce; animation:bounce;}.scale-big { -webkit-animation:scaleBig;animation:scaleBig;}.scale-small { -webkit-animation:scaleSmall;animation:scaleSmall;}.move-top {-webkit-animation:moveTop;animation:moveTop;}.move-left {-webkit-animation:moveLeft;animation:moveLeft;}.move-right {-webkit-animation:moveRight;animation:moveRight;}.move-bottom {-webkit-animation:moveBottom;animation:moveBottom;}.slide-top {-webkit-animation:slideTop;animation:slideTop;}.slide-left {-webkit-animation:slideLeft;animation:slideLeft;}.slide-right {-webkit-animation:slideRight;animation:slideRight;}.slide-bottom {-webkit-animation:slideBottom;animation:slideBottom;}.pulse {-webkit-animation: pulse 1s ease-out infinite;opacity: 0.5;}.rotate {animation:rotate 1s infinite linear; -webkit-animation: rotate 1s infinite linear;}.shake {-webkit-animation: shake .5s forwards;animation: shake .5s forwards}.morph {-webkit-animation: morph 8s infinite reverse;animation: morph 8s infinite reverse;}.floating {-webkit-animation: float 3s ease-in-out infinite;animation: float 3s ease-in-out infinite;}.kenburns {-webkit-animation:scaleSlow 15s linear;animation:scaleSlow 15s linear;} .fade-hide { -webkit-animation:fade,outHide;animation:fade,outHide;}.scale-hide { -webkit-animation:scaleOut,outHide;animation:scaleOut,outHide;}.grow-hide { -webkit-animation:growOut,outHide;animation:growOut,outHide;}.bulge-hide { -webkit-animation:bulge,outHide;animation:bulge,outHide;}.scale-big-hide { -webkit-animation:scaleBigOut,outHide;animation:scaleBigOut,outHide;}.scale-small-hide { -webkit-animation:scaleSmallOut,outHide;animation:scaleSmallOut,outHide;}.move-top-hide {-webkit-animation:moveTop,outHide;animation:moveTop,outHide;}.move-left-hide {-webkit-animation:moveLeftOut,outHide;animation:moveLeftOut,outHide;}.move-right-hide {-webkit-animation:moveRightOut,outHide;animation:moveRightOut,outHide;}.move-bottom-hide {-webkit-animation:moveBottomOut,outHide;animation:moveBottomOut,outHide;}.slide-top-hide {-webkit-animation:slideTopOut,outHide; animation:slideTopOut,outHide;}.slide-left-hide {-webkit-animation:slideLeftOut,outHide;animation:slideLeftOut;}.slide-right-hide {-webkit-animation:slideRightOut,outHide;animation:slideRightOut,outHide;}.slide-bottom-hide {-webkit-animation:slideBottomOut,outHide;animation:slideBottomOut,outHide;} .animate {  position:relative; opacity:0; animation-duration:.5s; animation-fill-mode:forwards; animation-timing-function:cubic-bezier(.165,.84,.44,1); -webkit-animation-duration:.5s; -webkit-animation-fill-mode:forwards; -webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);}.animate.bounce,.animate.pulse,.animate.morph,.animate.shake,.animate.rotate,.animate.floating {opacity:1;}.animate.fade,.animate.scale-top,.animate.scale,.animate.scale-left,.animate.scale-bottom {animation-timing-function:ease-in;} .animate.reverse{opacity:1; -webkit-animation-direction:reverse;animation-direction:reverse;}.animate.infinite {animation-iteration-count: infinite;} .animate.speed-100 {-webkit-animation-duration:.1s;animation-duration:.1s;}.animate.speed-200 {-webkit-animation-duration:.2s;animation-duration:.2s;}.animate.speed-300 {-webkit-animation-duration:.3s;animation-duration:.3s;}.animate.speed-400 {-webkit-animation-duration:.4s;animation-duration:.4s;}.animate.speed-500 {-webkit-animation-duration:.5s;animation-duration:.5s;}.animate.speed-600 {-webkit-animation-duration:.6s;animation-duration:.6s;}.animate.speed-700 {-webkit-animation-duration:.7s;animation-duration:.7s;}.animate.speed-800 {-webkit-animation-duration:.8s;animation-duration:.8s;}.animate.speed-900 {-webkit-animation-duration:.9s;animation-duration:.9s;}.animate.speed-1000 {-webkit-animation-duration:1s;animation-duration:1s;}.animate.speed-1500 {-webkit-animation-duration:1.5s;animation-duration:1.5s;}.animate.speed-2000 {-webkit-animation-duration:2s;animation-duration:2s;}.animate.speed-2500 {-webkit-animation-duration:2.5s;animation-duration:2.5s;}.animate.speed-3000 {-webkit-animation-duration:3s;animation-duration:3s;}.animate.speed-3500 {-webkit-animation-duration:3.5s;animation-duration:3.5s;}.animate.speed-4000 {-webkit-animation-duration:4s;animation-duration:4s;}.animate.speed-4500 {-webkit-animation-duration:4.5s;animation-duration:4.5s;}.animate.speed-5000 {-webkit-animation-duration:5s;animation-duration:5s;} .animate.delay-100 {-webkit-animation-delay:.1s;animation-delay:.1s;}.animate.delay-200 {-webkit-animation-delay:.2s;animation-delay:.2s;}.animate.delay-300 {-webkit-animation-delay:.3s;animation-delay:.3s;}.animate.delay-400 {-webkit-animation-delay:.4s;animation-delay:.4s;}.animate.delay-500 {-webkit-animation-delay:.5s;animation-delay:.5s;}.animate.delay-600 {-webkit-animation-delay:.6s;animation-delay:.6s;}.animate.delay-700 {-webkit-animation-delay:.7s;animation-delay:.7s;}.animate.delay-800 {-webkit-animation-delay:.8s;animation-delay:.8s;}.animate.delay-900 {-webkit-animation-delay:.9s;animation-delay:.9s;}.animate.delay-1000 {-webkit-animation-delay:1s;animation-delay:1s;}.animate.delay-1500 {-webkit-animation-delay:1.5s;animation-delay:1.5s;}.animate.delay-2000 {-webkit-animation-delay:2s;animation-delay:2s;}.animate.delay-2500 {-webkit-animation-delay:2.5s;animation-delay:2.5s;}.animate.delay-3000 {-webkit-animation-delay:3s;animation-delay:3s;}.animate.delay-3500 {-webkit-animation-delay:3.5s;animation-delay:3.5s;}.animate.delay-4000 {-webkit-animation-delay:4s;animation-delay:4s;}.animate.delay-4500 {-webkit-animation-delay:4.5s;animation-delay:4.5s;}.animate.delay-5000 {-webkit-animation-delay:5s;animation-delay:5s;} .animate.ease-linear {animation-timing-function:linear;}.animate.ease,.animate.ease-out {animation-timing-function:ease;}.animate.ease-in {animation-timing-function:ease-in;}.animate.ease-in-out {animation-timing-function:ease-in-out;}.animate.ease-bezier {animation-timing-function:cubic-bezier(0.75, 0, 0.25, 1);}.animate.ease-quad,.animate.ease-quad-out {animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);}.animate.ease-quad-in {animation-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53);}.animate.ease-quad-in-out {animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);}.animate.ease-quart,.animate.ease-quart-out {animation-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);}.animate.ease-quart-in {animation-timing-function:cubic-bezier(0.895, 0.03, 0.685, 0.22);}.animate.ease-quart-in-out {animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);}.animate.ease-expo,.animate.ease-expo-out {animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}.animate.ease-expo-in {animation-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035);}.animate.ease-expo-in-out {animation-timing-function:cubic-bezier(1, 0, 0, 1);}.animate.ease-back,.animate.ease-back-out {animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275);}.animate.ease-back-in {animation-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045);}.animate.ease-back-in-out {animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);}.preload * {animation-play-state: paused !important;-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;-o-transition: none !important;} @keyframes fade { from { opacity:0;} to { opacity:1;}}@-webkit-keyframes fadeIn { from { opacity:0;} to { opacity:1;} }@keyframes moveTop {from{transform: translateY(-25px);opacity:0;} to{transform: translateY(0%);opacity:1;}}@-webkit-keyframes moveTop {from{-webkit-transform: translateY(-25px);opacity:0;} to{-webkit-transform: translateY(0%);opacity:1;}}@keyframes moveLeft {from{transform: translateX(-25px);opacity:0;} to{transform: translateX(0%);opacity:1;}}@-webkit-keyframes moveLeft {from{ -webkit-transform: translateX(-25px);opacity:0;} to{-webkit-transform: translateX(0%);opacity:1;}}@keyframes moveRight {from{transform: translateX(25px);opacity:0;} to{transform: translateX(0%);opacity:1;}}@-webkit-keyframes moveRight {from{-webkit-transform: translateX(25px);opacity:0;} to{-webkit-transform: translateX(0%);opacity:1;}}@keyframes moveBottom {from{transform: translateY(25px);opacity:0;} to{transform: translateY(0%);opacity:1;}}@-webkit-keyframes moveBottom {from{-webkit-transform: translateY(25px);opacity:0;} to{-webkit-transform: translateY(0%);opacity:1;}}@keyframes slideTop {from{transform: translateY(-100%);opacity:0;} to{transform: translateY(0%);opacity:1;}}@-webkit-keyframes slideTop {from{-webkit-transform: translateY(-100%);opacity:0;} to{-webkit-transform: translateY(0%);opacity:1;}}@keyframes slideLeft {from{ transform: translateX(-100%);opacity:0;} to{transform:translateX(0%);transform: translateX(0%);opacity:1;}}@-webkit-keyframes slideLeft {from{ -webkit-transform: translateX(-100%);opacity:0;} to{-webkit-transform: translateX(0%);opacity:1;}}@keyframes slideRight {from{transform: translateX(100%);opacity:0;} to{transform:translateX(0%);transform: translateX(0%);;opacity:1;}}@-webkit-keyframes slideRight {from{-webkit-transform: translateX(100%);opacity:0;} to{-webkit-transform: translateX(0%);opacity:1;}}@keyframes slideBottom {from{transform: translateY(100%);opacity:0;} to{transform: translateY(0%);opacity:1;}}@-webkit-keyframes slideBottom {from{-webkit-transform: translateY(100%);opacity:0;} to{-webkit-transform: translateY(0%);opacity:1;}}@keyframes scale {from{transform: scale(1.5);opacity:0;} to{transform: scale(1);opacity:1;}}@-webkit-keyframes scale {from{-webkit-transform:scale(1.5);opacity:0;} to{-webkit-transform:scale(1);opacity:1;}}@keyframes scaleBig {from{transform: scale(3);opacity:0;} to{transform: scale(1);opacity:1;}}@-webkit-keyframes scaleBig {from{-webkit-transform:scale(3);opacity:0;} to{-webkit-transform:scale(1);opacity:1;}}@keyframes scaleSmall {from{transform: scale(1.05);opacity:0;} to{transform: scale(1);opacity:1;}}@-webkit-keyframes scaleSmall {from{-webkit-transform:scale(1.05);opacity:0;} to{-webkit-transform:scale(1);opacity:1;}}@keyframes grow {from{transform: scale(.7);opacity:0;} to{transform: scale(1);opacity:1;}}@-webkit-keyframes grow {from{-webkit-transform:scale(.7);opacity:0;} to{-webkit-transform:scale(1);opacity:1;}}@keyframes scaleSlow {from{transform: scale(1.2);} to{transform: scale(1);}}@-webkit-keyframes scaleSlow {from{-webkit-transform:scale(1.2);} to{-webkit-transform:scale(1);}}@keyframes bulge {0% {opacity:0;transform:scale(0.9);} 50% {transform:scale(1.02);} to {opacity:1;transform:scale(1);}}@-webkit-keyframes bulge {0%{opacity:0;-webkit-transform:scale(0.9);}50%{-webkit-transform:scale(1.02);}to{opacity:1;-webkit-transform:scale(1);}}@keyframes pulse {0% {opacity: 0.5;} 50% {opacity: 1.0;} 100% {opacity: 0.5;}}@-webkit-keyframes pulse {0% {opacity: 0.5;} 50% {opacity: 1.0;} 100% {opacity: 0.5;}}@keyframes rotate {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}@-webkit-keyframes rotate {from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg);}}@keyframes bounce { 0% {transform: translateY(0);} 20% {transform: translateY(10px);} 70% {transform: translateY(0px);} to {transform: translateY(0);}}@-webkit-keyframes bounce { 0% {-webkit-transform: translateY(0);} 20% {-webkit-transform: translateY(10px);} 70% {-webkit-transform: translateY(0px);} to {-webkit-transform: translateY(0);}}@keyframes morph { 0% {border-radius:38% 62% 40% 60%/47% 41% 59% 53%;} 33% {border-radius:64% 36% 46% 54%/38% 48% 52% 62%;} 66% {border-radius:71% 29% 58% 42%/31% 58% 42% 69%;} to {border-radius:38% 62% 40% 60%/47% 41% 59% 53%;}}@-webkit-keyframes morph { 0% {-webkit-border-radius:38% 62% 40% 60%/47% 41% 59% 53%;} 33% {-webkit-border-radius:64% 36% 46% 54%/38% 48% 52% 62%;} 66% {-webkit-border-radius:71% 29% 58% 42%/31% 58% 42% 69%;} to {-webkit-border-radius:38% 62% 40% 60%/47% 41% 59% 53%;}}@keyframes float { 0%, to {transform:translateY(0)} 50% {transform:translateY(-.8%)}}@-webkit-keyframes float { 0%, to {-webkit-transform:translateY(0)} 50% {-webkit-transform:translateY(-.8%)}} @keyframes outHide { 0% {height:0;} 1% {height:auto;} 100% {height:auto;}}@-webkit-keyframes outHide { 0% {height:0;} 1% {height:auto;} 100% {height:auto;}}@keyframes shake { 0% {transform: translateX(0);} 12.5% {transform: translateX(-6px);} 37.5% {transform: translateX(5px);} 62.5% {transform: translateX(-3px);} 87.5% {transform: translateX(2px);} 100% {transform: translateX(0);}}@-webkit-keyframes shake { 0% {-webkit-transform: translateX(0);} 12.5% {-webkit-transform: translateX(-6px);} 37.5% {-webkit-transform: translateX(5px);} 62.5% {-webkit-transform: translateX(-3px);} 87.5% {-webkit-transform: translateX(2px);} 100% {-webkit-transform: translateX(0);}} .pop { position: fixed; top: 0;bottom: 0;left: 0;right: 0; background: rgba(20, 20, 20, 0.7); overflow-x: hidden; z-index: 1002; width:0; height:0; padding:40px; opacity:0; transition: opacity .3s; display:none;}.pop.open { opacity:1; width:100%; height:100%; display:block;}.pop.close { opacity:0; width:100%; height:100%; display:block;}.pop .wrap { position: relative; background:#fff; z-index:1001; max-width:700px; height:auto; margin:0 auto; padding:40px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; width:0; height:0; box-shadow:0px 10px 40px rgba(0,0,0,1);}.pop.open .wrap.open { animation-name: moveTop; animation-duration: .5s; width:auto; height:auto;}.pop-header { position: absolute; top:0;left:0; display: block; width:100%; padding:10px; margin:0; background:#eee; text-align:center; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}.pop-close { position: absolute; top: 10px; right: 10px; z-index:2000; transition: all 200ms; font-size: 27px; font-weight: bold; text-decoration: none; color: #333; margin-top:-10px;}.pop-close:hover {color: brown;}.pop-close:after {content: '×'; line-height:1em;}@media all and (max-width: 640px){ .pop {padding:40px 60px !important;}} ul.form { list-style-type:none; padding:0; position:relative;}ul.form > li { display:table; width:100%;  margin-bottom:5px; table-layout:fixed; }ul.form .input {display:block;}.input label {display:block;}ul.form > li > div { display:table-cell; padding-right:10px; position:relative;}ul.form > li > div:last-child { padding:0;}ul.form label { font-size:14px; color:#7C839B; text-transform:capitalize;}@media screen and (max-width: 735px){ ul.form.break > li > div{ display:block !important; border:none; border-bottom:solid 1px #ccc; } ul.form.break > li > div:last-child{border:none;} ul.form.break > li{border:none;border-bottom:solid 1px #ccc;}}.form.basic input,.form.basic textarea,.form.basic select { border:none; background-color:#F6F8F9; border-radius:6px; color:#60677e;}.form.basic input:focus, .form.basic textarea:focus,.form.basic .input:focus,.form.basic select:focus{ outline: 0; box-shadow:none !important; background-color:#eaedf4; color:#102677;}.form.basic ::-webkit-input-placeholder {  color: #c9d0e6;}.basic.form .input { background-color:#F6F8F9; padding:15px; border-radius:6px; border:none;}.form-group-remove {position:absolute; top:40px; right:5px;}.rotate45 {transform: rotateY(0deg) rotate(45deg);}div[data-type="image"],div[data-type="file"] { padding-top:30px;}div[data-type="image"] > div,div[data-type="file"]> div { text-align:center;}div[data-type="group"] { border: solid 10px #F6F8F9; border-radius: 8px; }div[data-type="group"] > label {background: #F6F8F9;display: block;padding-bottom:5px;}div[data-type="group"] ul.form { padding: 0px 20px 0 10px !important;} ul.page {display: table;}ul.page > li { display:table-cell; border:solid thin #ddd; padding:0; cursor: pointer; min-width:40px; text-align: center; -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;  user-select: none; }ul.page > li.active {background:#ddd;}ul.page > li > a { display: block; width:100%; height:100%; text-decoration: none; color:inherit; padding:5px 10px; text-align: center;}ul.page > li > a:hover {background:#eee;}.multi { border:solid thin #ccc; position:relative; min-width:50px; padding:5px; display:block; border-radius:4px; display:flex; flex-wrap: wrap;}.multi .tag { background:#eaedf4; color:#888; border-radius:5px; margin:2px; padding:3px 7px 4px 7px; font-size:11px; display:inline-block; cursor:pointer;}.multi .tag:hover { background:#e2e6ee; color:#333;}.multi .tag:after { content:"\D7"; position:relative; top:8%;}.multi .select-container { min-width:100px; height:15px; position:relative; display:inline-block; line-height:1.8em; font-size:14px; color:#888; flex-grow:1; padding-left:10px; padding-bottom:10px; overflow:hidden;} body.account {background:#fff;}.account h1,.account h2,.account h3,.account h4 {color:#555 !important;}.account h3 {margin-bottom:0;}.account p {color:#555;}#p-message {color:brown;}.error {border:solid thin brown;}.card { border:solid thin #ddd; border-radius:20px; color:#aaa; max-width:300px; min-width:300px; margin:0 auto; padding-bottom:20px; background:#fff;}.account ul.list { text-align:left; list-style-type:none; margin-left:30px;}.account ul.list li { }.account ul.list li::before { content: ''; display: inline-block; height: 30px; width: 30px; position: absolute; margin-left: -30px; background: url(/public/svg/check.svg) center left no-repeat; line-height: 1em;}.radio { border:solid thin #ccc; padding:3px; border-radius:35px; width:55px; cursor:pointer; display:inline-block; -webkit-user-select: none; -khtml-user-select: none; -webkit-touch-callout : none -moz-user-select: none; -o-user-select: none; user-select: none; } .radio:hover { background:#fafafa;}.radio .radio-cir { border-radius:50%; width:20px; height:20px; background:#eee; background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%); display:block; position:relative; left:0; transition:all .2s;}.radio.cl .radio-cir { left:25px;}.account .italic {font-size:14px; padding:0;font-weight:500;}.account-left { background: url(/public/img/header-new.jpg) top right; background-size:cover; position:fixed; width:50%; left:0; height:100%; margin:0; top:0; display:flex; }.account-left img { max-width:250px;  margin: 0 auto;}.account-right { margin-left:50%; padding:40px; display:flex; align-items: center; justify-content: center; }@media all and (max-width: 640px){ .account-left {position:static;width:100%; height:auto; padding:40px 0;} .account-left img {width:250px !important;} .account-right {margin-left:0;padding:20px;height:auto;} .account-right p.sm {padding:20px;}}body { color:#fff; background:url(/public/img/bg2.jpg) center center; background-size:cover; background-size:120%;}blockquote, button, footer, input, label, ol, p, pre, select, table, textarea, ul { font-family: 'Outfit', san-serif;}p {color:rgba(255,255,255,.8);}a {color:skyblue;}hr {border:none; background: rgba(255,255,255,.2); margin:40px 0; height:1px;}input.button {outline:none; border:none;}#audiowrap .artist {font-size:13px;width:100px; white-space: nowrap; overflow:hidden;text-transform:capitalize;}p.sm { text-transform: uppercase; color:rgba(255,255,255,.5); letter-spacing:2px; font-size:10px; transition:color .2s; margin:10px;}.wrap {padding-top:70px;}.wrap.extra-pad {padding-top:120px; padding-bottom:120px;}.wrap.small {max-width:600px; margin:0 auto; padding:120px 40px; }h1,h2 {font-weight:bold;font-family: 'Outfit', arial,san-serif;}h3,h4 { font-family: 'Outfit', arial,san-serif;  letter-spacing: 1px; color:rgba(255,255,255,.5); 0}h3 {font-size:2vw;}.button { font-family: 'Outfit', arial,san-serif; text-transform:uppercase; letter-spacing: 3px; color:rgba(255,255,255,.7); color:#182649 !important; padding:15px 50px 17px 50px; line-height:1em; background:#FBA89B; }.button.red { background:}.logo img { max-width:150px; padding-right:10px;}.peach { background:#FBA89B; color:#182649 !important;}.peach.txt {color:#FBA89B !important;}.peach.txt.dark-text {color:#182649 !important;}#nav { background:none; position:absolute; top:0;left:0;  width:100%; justify-content: left; border-bottom:solid thin rgba(255,255,255,.2); padding:7px 40px; position:fixed; background:rgba(18, 25, 43,.9); z-index:1000; top:0; font-family: 'Outfit', arial, san-serif;}ul.nav { background:none;  font-family: 'Outfit', arial, san-serif; font-size:12px; text-transform:uppercase; padding-top:5px;}ul.nav.right {margin-left:auto;}ul.nav li a { font-family: 'Outfit', arial, san-serif; transition:color .2s;  color:rgba(255,255,255,.7); letter-spacing:2px; font-weight:300; font-size:16px; cursor: pointer;}ul.nav a:hover {color:#fff;}ul.nav a.button { padding:5px; height:30px; font-size:16px; font-weight:400; margin-top:8px;}ul.nav li a.active {color:#fff;}.logo { line-height:.9em; position:relative; width:100px; font-weight:700; padding-top:0px; color:rgba(255,255,255,.8); padding:10px 0;}.footer { background: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%,rgba(255,255,255,.15) 100%); background:none; display:none;}.footer li { list-style-type:none; }.footer li a,.footer p { color:rgba(255,255,255,.7);}.socials svg {fill:rgba(255,255,255,.7); margin-left:10px;}.player-wrap { position:fixed; bottom:0; width:100%; z-index: 1001;}.plyr--audio .plyr__controls { background:rgba(18, 25, 43,.9) !important; color: rgba(255,255,255,.7) !important;}.player-wrap button {border-radius:50%;}.player-wrap button.plyr__control {padding:15px;}.player-wrap .buttons button { background:none; border:none;  width:30px !important; height:30px; transition:background .2s;}.player-wrap .buttons button svg {padding:5px 2px 2px 2px;margin-left:-3px;}.player-wrap .buttons button:hover { background:rgba(255,255,255,.3);}.albums { display:flex; padding:0; list-style-type:none; flex-wrap: wrap; }.albums li { cursor:pointer; line-height:0; position:relative; width:100%; flex: 1 1 25%; min-height: 50px; max-width:25%;}.albums .album {  background:rgba(0,0,0,.4);   width:100%;position:relative; display:block;margin:0;overflow:hidden;width:95%;height:95%;}.albums li img {transition:transform 1s;}.albums li p {bottom:20px;z-index:1;position:absolute;left:10px;font-size:21px !important;}.albums li p { color:white; margin:0; padding:0; line-height:1em;}.albums img { width:100%; border-radius:1px;  opacity:.5;}.albums li:hover img {  opacity:1; transform:scale(1.05);}.albums p { margin:2px 0; line-height:1.4em; font-size:18px; font-weight:bold; color:rgba(255,255,255,.8); transition:color .2s; position:relative; bottom:0; z-index:10; margin-top:-40px;}.tracks td {padding:8px 0; text-align:left;vertical-align: middle;font-size:12px;position:relative;}.tracks td:nth-child(1) {width:120px;padding:10px;padding-top:20px;text-align:center;position:relative;} .tracks td:nth-child(2) {}.tracks td:nth-child(3) {text-align:center; }.tracks-tags {display:block;text-transform:capitalize;line-height:1.2em;}.td-tags {white-space:nowrap;}.tracks td:last-child {width:190px;} .tracks td.time {width:70px;padding-left:20px;}.tracks td {border-top:solid thin #383A43;border-bottom:solid thin #383A43}.tracks svg {width:18px;}.tracks td:first-child img { border-radius:4px; filter: saturate(.5); width:50px; height:50px; background:rgba(0,0,0,.5);}.tracks td:first-child svg.svg-play { background:rgba(255,255,255,.4); border-radius:50%; padding:7px; width:35px; height:35px; margin-top:6px; cursor:pointer; transition:background .2s; position:absolute; left:26px; display:none; z-index:1; left:50%; margin-left:-17px;}.tracks td:first-child svg.play:hover {background:rgba(255,255,255,.5);}.tracks button:hover { background:rgba(255,255,255,.2);}.tracks button.button-like { transition:background 1s; }.tracks button.button-like.clicked { background:rgba(255,255,255,.7);}.tracks button.button-like.clicked svg{ animation: animateHeart 2s; }@keyframes animateHeart { 0% { transform: scale(1); } 10% { transform: scale(.7); } 20% { transform: scale(1.3); } 30% { transform: scale(.8); } 50% { transform: scale(1); } 100% { transform: scale(1); }}.tracks td:first-child .playback-bars__svg{ width:25px; position:absolute; z-index:1; left:50%; margin-left:-12px; margin-top:6px; display:none;} table.tracks { table-layout:fixed; } table.tracks tr{ transition:background .2s; } table.tracks tr:hover{ background:rgba(255,255,255,.08); } table.tracks tr:hover td:first-child svg.svg-play {display:block;} table.tracks tr.playing:hover td:first-child svg {display:none;}table.tracks tr:hover td:first-child img {filter: saturate(1);}.tracks button { background:none; border:none; border: none; border-radius: 50%; padding-top: 3px; height: 30px; width: 30px; transition:background .2s; cursor:pointer;}.tracks td a { color:rgba(255,255,255,.6); transition:color .5s;}.tracks td a:hover {color:rgba(255,255,255,1);text-decoration:none;}.tracks td {color:rgba(255,255,255,.5);font-size:15px;}.tracks td p {font-size:14px;margin:0;text-transform:capitalize;}.tracks td p.sm {font-weight:bold;letter-spacing:0;}.tracks td.td-detail {width:200px;}.playback-bars__svg rect { transform: translateY(11px); animation-duration: .4s; animation-direction: alternate; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; animation-iteration-count: infinite; fill:white; } .playback-bars__svg { width:25px; height:25px; }  .playback-bars__svg rect:nth-child(1) {animation-duration: .4s;} .playback-bars__svg rect:nth-child(2) {animation-duration: .35s;} .playback-bars__svg rect:nth-child(3) {animation-duration: .38s;} .playback-bars__svg rect:nth-child(4) {animation-duration: .32s;} .playback-bars__svg rect:nth-child(5) {animation-duration: .42s;} tr.active {background:rgba(255,255,255, .11);} .playing .playback-bars__svg {display:block !important;} .playing svg rect { -webkit-animation-name: playback-bar; animation-name: playback-bar; }  @keyframes playback-bar { from { transform: translateY(14px)  } to { transform: translateY(5px) } }.round { border-radius:50%; width:80px; height:80px; margin:5px 0;}.rotate-icon { transform: rotate(180deg);}.tabs { display:flex; list-style-type:none; font-family:"Outfit"; text-transform:uppercase; padding:0; margin-bottom:20px;}.tabs a { color:rgba(255,255,255,.5); margin-right:15px; padding:5px;}.tabs a:hover { text-decoration:none; color:rgba(255,255,255,.7);}.tabs li.active a{ color:rgba(255,255,255,1); border-bottom:solid 2px #fff;}.wait {display:none;}.pace { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000000; height: 6px;}.pace div{ display: block; width: 100%; height: 100%; background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.5) 50%, rgba(255,255,255,.5) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255,255,255,.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.5) 50%, rgba(255,255,255,.5) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255,255,255,.5) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.5) 50%, rgba(255,255,255,.5) 75%, transparent 75%, transparent); -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; background-size: 40px 40px;}@-webkit-keyframes progress-bar-stripes {from {background-position: 40px 0;}to { background-position: 0 0;}}@-o-keyframes progress-bar-stripes {from {background-position: 40px 0;}to { background-position: 0 0;}}@keyframes progress-bar-stripes {from {background-position: 40px 0;}to {background-position: 0 0;}}.wait { opacity:0; z-index:-1;}ul.form.darker input,ul.form.darker textarea { background:none; color:#ccc;}ul.form.darker > li input:focus,ul.form.darker > li textarea:focus {outline: 0;border:solid thin #00c8ff !important;box-shadow:none !important; background:rgba(255,255,255,.1);}ul.form.darker >li label.label{background:none;top:-25px;}.row .button { padding:20px; border-top-left-radius:0; border-bottom-left-radius:0;}@media all and (max-width: 640px){ .td-tags {display:none;}  .tracks td.td-detail {width: auto;} ul.albums:nth-child(2) {display:none;} ul.albums p {margin-bottom:20px;text-align:center; font-size:28px !important;} ul.albums li {padding-right:0;padding-bottom:20px;max-width:100%;} ul.albums img {width:100%;} .slide .button {width:auto;padding:5px 20px;} .playlists p, .playlists p.sm { font-size:15px; text-align:center; font-weight:bold; } .footer img {max-width:150px !important; } .footer .w2 {text-align:center;} .footer .wrap {padding-top:0 !important;} h1,h2,h3 {text-align:center;padding-left:0;} .slide h3 {text-align:left;} body.nav-open .logo {padding:10px 0 30px 0;} .main {padding-top:80px !important;} #nav {padding:15px 40px;} .navicon-link {top:10px !important;} .tracks td:nth-child(1) { width:90px !important; padding:20px !important; position:relative;}  .tracks td:nth-child(1) img{ width:100% !important; height:auto; } .wrap{padding:40px 10px 40px 10px !important;} .body {padding-top:120px;} .pop .wrap{padding:40px !important;} .pop {padding:60px 20px !important;} .sm {margin:0 !important;} .genre td p.sm {margin:10px;text-align:center !important;} ul.albums .album {width:100% !important; height:100%;}  .slide {margin:40px;} .genre td:first-child {display:none;} .genre td {width:100% !important; display:block; margin:5px 0; width:100%; background:rgba(255,255,255,.1); border-top:solid thin rgba(255,255,255,.3);border-bottom:solid thin rgba(255,255,255,.3) !important;} .genre td .sm {padding:20px !important; font-size:16px !important;font-family: 'Outfit', arial, san-serif;font-weight:300;letter-spacing:5px;} ul.nav a.button {height:auto;} ul.tabs,.message {text-align:center;margin:40px;} #audiowrap .buttons {display:none;} #audiowrap .artist {font-size:11px;width:50px; white-space: nowrap; overflow:hidden;} ul.form > li > div {display:block;width:100%;padding:0;} .wrap.small { padding:20px !important; } .wrap {margin-bottom:40px;} .row > * {margin-top:40px;} ul.tabs {margin:0;} .carousel-cell{ width: 50% !important; } .slides .carousel-cell{ width: 100% !important; } .flickity-page-dots { display:none !important;  }} .pop-bottom { position:fixed; right:10px; bottom:10px; background: #fff; border-radius: 8px; max-width: 400px; max-height: 100%; overflow:scroll; z-index:1000; padding: 20px; box-shadow: 0 10px 10px rgba(0,0,0,.4); }.pop-bottom h4 {font-size:18px;margin:0;}.pop-bottom p {font-size:14px;}.pop-bottom .button {font-size:14px; width: 100%;margin-bottom:5px;}.pop-bottom * { color:#222 !important;}.pop-bottom .button { color:#fff !important;} ul.nav > li > ul { border-radius:10px;}ul.nav > li:last-child > ul {right: 0;}ul.nav > li > ul > li:hover > a:first-child { border-top-left-radius:10px; border-top-right-radius:10px;} ul.nav > li > ul > li:hover > a:last-child { border-bottom-left-radius:10px; border-bottom-right-radius:10px;} .input-group2 {position: relative;}.input-group2 input { background:none !important; display:inline-block; color:#fff; border: solid thin rgba(255,255,255,.2); padding-right:80px;}.input-group2 input:focus { box-shadow: none; border: solid thin rgba(255,255,255,.5);}.input-group2 .icon-search { position:absolute; right:1px; display:block; width:75px; padding:14px;  border-left: solid thin rgba(255,255,255,.2); padding-left:25px; top:1px; cursor:pointer; z-index: 1;}.input-group2 .icon-search:hover { background:rgba(255,255,255,.2); cursor:pointer;}.pop .input {background:rgba(255,255,255,.5);}ul.page > li { border:solid thin rgba(255,255,255,.2); color:#fff;}ul.page > li.active {background:rgba(255,255,255,.1);}ul.page > li > a:hover {background:rgba(255,255,255,.2);}  color: #fff; text-shadow: 1px 1px 0 #000; border: 1px solid #222; position: relative; z-index: 1; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) ); background: -webkit-linear-gradient( top, #444, #222 ); background: -moz-linear-gradient( top, #444, #222 ); background: -ms-radial-gradient( top, #444, #222 ); background: -o-linear-gradient( top, #444, #222 ); background: linear-gradient( top, #444, #222 ); -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 );  -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 );  box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 );  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position:fixed; bottom:0; width:100%; z-index:100;} .audioplayer-mini { width: 2.5em;  margin: 0 auto; } .audioplayer > div { position: absolute; } .audioplayer-playpause { width: 2.5em;  height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; left: 0; } .audioplayer:not(.audioplayer-mini) .audioplayer-playpause { border-right: 1px solid #555; border-right-color: rgba( 255, 255, 255, .1 ); } .audioplayer-mini .audioplayer-playpause { width: 100%; } .audioplayer-playpause:hover, .audioplayer-playpause:focus { background-color: #222; } .audioplayer-playpause a { display: block; } .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { width: 0; height: 0; border: 0.5em solid transparent;  border-right: none; border-left-color: #fff; content: ''; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.25em;  } .audioplayer-playing .audioplayer-playpause a { width: 0.75em;  height: 0.75em;  position: absolute; top: 50%; left: 50%; margin: -0.375em 0 0 -0.375em;  } .audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after { width: 40%; height: 100%; background-color: #fff; content: ''; position: absolute; top: 0; } .audioplayer-playing .audioplayer-playpause a:before { left: 0; } .audioplayer-playing .audioplayer-playpause a:after { right: 0; } .audioplayer-time { width: 4.375em;  height: 100%; line-height: 2.375em;  text-align: center; z-index: 2; top: 0; } .audioplayer-time-current { border-left: 1px solid #111; border-left-color: rgba( 0, 0, 0, .25 ); left: 2.5em;  } .audioplayer-time-duration { border-right: 1px solid #555; border-right-color: rgba( 255, 255, 255, .1 ); right: 2.5em;  } .audioplayer-novolume .audioplayer-time-duration { border-right: 0; right: 0; } .audioplayer-bar { height: 0.875em;  background-color: #222; cursor: pointer; z-index: 1; top: 50%; right: 6.875em;  left: 6.875em;  margin-top: -0.438em;  } .audioplayer-novolume .audioplayer-bar { right: 4.375em;  } .audioplayer-bar div { width: 0; height: 100%; position: absolute; left: 0; top: 0; } .audioplayer-bar-loaded { background-color: #333; z-index: 1; } .audioplayer-bar-played { background: #007fd1; background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) ); background: -webkit-linear-gradient( left, #007fd1, #c600ff ); background: -moz-linear-gradient( left, #007fd1, #c600ff ); background: -ms-radial-gradient( left, #007fd1, #c600ff ); background: -o-linear-gradient( left, #007fd1, #c600ff ); background: linear-gradient( left, #007fd1, #c600ff ); z-index: 2; } .audioplayer-volume { width: 2.5em;  height: 100%; border-left: 1px solid #111; border-left-color: rgba( 0, 0, 0, .25 ); text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0; } .audioplayer-volume:hover, .audioplayer-volume:focus { background-color: #222; } .audioplayer-volume-button { width: 100%; height: 100%; } .audioplayer-volume-button a { width: 0.313em;  height: 0.375em;  background-color: #fff; display: block; position: relative; z-index: 1; top: 40%; left: 35%; } .audioplayer-volume-button a:before, .audioplayer-volume-button a:after { content: ''; position: absolute; } .audioplayer-volume-button a:before { width: 0; height: 0; border: 0.5em solid transparent;  border-left: none; border-right-color: #fff; z-index: 2; top: 50%; right: -0.25em; margin-top: -0.5em;  } .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {  width: 0.313em;  height: 0.313em;  border: 0.25em double #fff;  border-width: 0.25em 0.25em 0 0;  left: 0.563em;  top: -0.063em;  -webkit-border-radius: 0 0.938em 0 0;  -moz-border-radius: 0 0.938em 0 0;  border-radius: 0 0.938em 0 0;  -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); } .audioplayer-volume-adjust { height: 6.25em;  cursor: default; position: absolute; left: 0; right: -1px; top: -9999px; background: #222; background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) ); background: -webkit-linear-gradient( top, #444, #222 ); background: -moz-linear-gradient( top, #444, #222 ); background: -ms-radial-gradient( top, #444, #222 ); background: -o-linear-gradient( top, #444, #222 ); background: linear-gradient( top, #444, #222 ); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0; } .audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100%; } .audioplayer-volume-adjust > div { width: 40%; height: 80%; background-color: #222; cursor: pointer; position: relative; z-index: 1; margin: 30% auto 0; } .audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #007fd1; background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) ); background: -webkit-linear-gradient( bottom, #007fd1, #c600ff ); background: -moz-linear-gradient( bottom, #007fd1, #c600ff ); background: -ms-radial-gradient( bottom, #007fd1, #c600ff ); background: -o-linear-gradient( bottom, #007fd1, #c600ff ); background: linear-gradient( bottom, #007fd1, #c600ff ); } .audioplayer-novolume .audioplayer-volume { display: none; } .audioplayer-play, .audioplayer-pause, .audioplayer-volume a { -webkit-filter: drop-shadow( 1px 1px 0 #000 ); -moz-filter: drop-shadow( 1px 1px 0 #000 ); -ms-filter: drop-shadow( 1px 1px 0 #000 ); -o-filter: drop-shadow( 1px 1px 0 #000 ); filter: drop-shadow( 1px 1px 0 #000 ); } .audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .audioplayer-bar, .audioplayer-volume-adjust > div { -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 ); } .audioplayer-volume-adjust div div, .audioplayer-bar-played { -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 ); } .audioplayer-volume-adjust { -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 ); } .audioplayer *, .audioplayer *:before, .audioplayer *:after { -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease; transition: color .25s ease, background-color .25s ease, opacity .5s ease; }.albums li {flex: 1 1 16.6%; text-transform:capitalize;}.full_list {column-count: 6;}.full_list a {color:rgba(255,255,255,.6);font-size:18px;}.full_list a:hover {color:rgba(255,255,255,1);}@media all and (max-width: 640px){.full_list {column-count: 1 !important;margin:40px;}.full_list p {width:100%;}}.album { min-height:100px;}.album:before { content: ' '; display: block; position: absolute; background-image: url(/public/img/track.jpg);} .genre.full_list b a{text-transform:uppercase;color:#fff !important;}@media all and (max-width: 640px){ .albums { align-items:center; justify-content:center; } .albums li {width:50% !important; height:100%;flex:0 0 45%;margin-right: 10px;} } .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;background:hsl(0 0% 100% / 75%);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:hsl(0 0% 20% / 25%);border-radius:50%;cursor:pointer;appearance:none;border:none;text-indent:-9999px;overflow:hidden}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-page-dot.is-selected{background:hsl(0 0% 20% / 100%)}.slide { border-radius:8px; background-size:40% auto; background-position:center right; padding:40px; margin-bottom:20px; margin-top:20px !important;}.slide p, .slide h3 { color:rgba(255,255,255,.7); margin:10px 0;}.slide h3 { font-weight:500; font-size:46px; margin-bottom:18px; color:rgba(255,255,255,.9)}.slide p { font-size:16px; font-style:italic; font-family: 'Outfit', san-serif;}.slide .button { background:red;}.featured { background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); padding:5px 40px 30px 40px; border-radius:8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}.section2 { background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%); padding:0px ; padding-right:0; border-radius:8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}.section2 h3 { padding-left:40px;}.playlists { padding-left:20px;}.playlists td:first-child { width:100px;}.playlists td img { width:100%; max-width:80px; filter: saturate(.5); border-radius:5px;}.playlists tr { cursor:pointer; text-align:left;}.playlists tr:hover img { filter: saturate(1);}.playlists tr:hover p { color:#fff;}.playlists p,.playlists p.sm { font-size:12px;}.carousel p{ position:absolute; color: white; margin: 0; padding: 0; line-height: 1em; bottom: 20px; z-index: 1; position: absolute; left: 10px; font-size: 21px !important; font-weight:bold;}.carousel img { max-width:245px; height:245px; width:245px; background:rgba(0,0,0,.7); transition: transform 1s; filter: saturate(.5);}.carousel-cell:hover img { filter: saturate(1); transform: scale(1.05);}.carousel-cell { overflow:hidden; margin-right: 10px; cursor:pointer;}ul.carousel { margin:0 !important;}.carousel2 .carousel-cell ,.slide{ width: 100%;  height: 250px;  display: flex; align-items: center; justify-content: center;}.carousel2 { margin:40px 0; margin-top:20px !important;}.carousel2 .previous, .carousel2 .next { display:none;}.flickity-page-dot { background:rgba(255,255,255,.2);}.flickity-page-dot.is-selected { background:rgba(255,255,255,.4);}.slide { background-size:cover !important;}.slide h3 { max-width:50%; }.slide p { }.slide a { text-decoration:none;}.featured { padding-bottom:40px;}.darker.slide h3,.darker.slide p{ color:rgba(0,0,0,.7); }.darker.slide p { }.blocky.slide h3,.blocky.slide p{ display:inline-block; background:rgba(0,0,0,.7);}.blocky.slide.darker h3,.blocky.darker.slide p{ background:rgba(255,255,255,.9);}.track { max-height:600px; position:relative;}.track-wrap { max-height:500px; overflow:scroll; padding-bottom:40px;}.track-grad { position:absolute; width:100%; height:70px; bottom:0; background: -webkit-linear-gradient(top, rgba(4,3,9,0) 0%,rgba(4,3,9,0) 1%,rgba(4,3,9,0.7) 100%); background: linear-gradient(to bottom, rgba(4,3,9,0) 0%,rgba(4,3,9,0) 1%,rgba(4,3,9,0.8) 100%);}.tracks-tags {height:20px; overflow:hidden; }@media all and (max-width: 1024px){ .track,.playlists { display:block; width:100%; padding-top:40px; max-height:none; } .section2 {display:block;} .track-grad {display:none;} .track-wrap {max-height:none;}}@media all and (max-width: 640px){ .slide { margin:0; } .playlists td img { max-width:100% !important; } .playlists td:nth-child(2) { width:100px; } .playlists td p { text-align:left !important; padding-left:10px; }  .featured,.section2 { padding:0; background:none; } h3 { font-size:21px; } .track-grad { display:none; }  .section2 h3 { padding-top:0; margin-top:0; } .section2 {margin-top:40px;} h2 { margin-top:0; } .featured { margin-top:80px; } .slide h3 { max-width:100%; font-size:24px; line-height:1.4em; }.carousel img { width:auto; height:auto;}}.account.row {background:#000;background:url(/public/img/bg2.jpg);background-size:cover;height:100vh;background:#fff;}.account.row > section { flex: 0 0 50%;padding:40px !important;}.account .grey {background:#F3F6F9;height:100vh;background:url(/public/img/header-new.jpg) top right; background-size:cover; display:flex;  align-items: center; justify-content: center;}.account h3 {font-family:"Outfit";color:rgba(255,255,255,.5); }.account h2 {color:#000;margin-top:0;}.account .button {border-radius:0;}.account .logo-img {max-width:200px;width:100%;opacity:.8;}@media screen and (max-width:640px){ .account .grey{display:none;}} ul.nav { list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 100; display: flex;  width: 100%; text-align: center; font-family: arial;}ul.nav a { padding: 10px 30px;  text-decoration: none;  color: #555;  display: block; }ul.nav ul {list-style-type: none;}ul.nav > li { flex-grow: 1; height:50px;}ul.nav > li > a { padding:0; display:flex; align-items: center; justify-content: center; height:100%;} ul.nav > li > ul { display: none; position: absolute;  z-index: 10;  min-width: 200px;  padding: 0; margin-left: 250px; width: 200px; border:solid thin rgba(255,255,255,.4); background:rgba(0,0,0,.5); margin: 0;  top: auto; }ul.nav > li:last-child > ul {right: 0;}ul.nav.hover > li:hover > a {background: #000;}ul.nav > li:hover > ul {display: block;}ul.nav > li li {width: 100%;position: relative;}ul.nav > li li a {padding:5px;}ul.nav > li > ul > li:hover > a{background: #000;} ul.nav > li > ul > li > ul{ display: none; position: absolute; background: #fff;  border: solid thin #ddd;  z-index: 101;  top: 0;  min-width: 250px;  width: 250px; padding: 5px 0 0 0 ; left: 100%;}ul.nav > li > ul > li > ul.left,ul.nav > li:last-child > ul > li > ul { left: -100%;}ul.nav > li > ul > li:hover ul {display: block;}ul.nav > li > ul > li > ul > li:hover {background: #eee;} ul.nav.border > li{border: none; border-right: solid thin #ccc;}ul.nav.border > li li{border-top:solid thin #ddd;}ul.nav.border > li li:first-child{border-top:none;}ul.nav.shadow,ul.nav.shadow ul {box-shadow: 0px 2px 8px -3px rgba(36, 37, 62, 0.4); -webkit-box-shadow: 0px 2px 8px -3px rgba(36, 37, 62, 0.4);-moz-box-shadow: 0px 2px 8px -3px rgba(36, 37, 62, 0.4);}#nav { display:flex; align-items: center; justify-content: center;}#nav .navicon { top: 28px; right: 0; margin: 0 30px; background:#000;}.navicon-link {display:none;}@media screen and (max-width: 735px){ #nav { display:block; background:none; position:absolute; top:0; left:0; width:100%; }  ul.nav,ul.nav li,ul.nav ul { display: block; width: 100% !important; padding: 0 !important; position: static !important; left: 0 !important;  margin: 0 !important; background:none; border: none !important;  height:auto; } ul.nav.left { text-align:left !important; } ul.nav.left ul{ display:block !important; text-indent:40px; background:none; } ul.nav.left li:hover {background:none !important;} ul.nav.left a:hover{background: #eee;} ul.nav.left ul ul{text-indent:80px;} ul.nav { opacity: 0; transition: opacity 1s ease; height: 0; position:relative; overflow:hidden; width:100%; max-width:100% !important; } #nav.slide ul.nav{ transform:translateX(50%); transition: transform .3s ease; } #nav.slide-left ul.nav{ transform:translateX(-50%); transition: transform .3s ease; } #nav.slide-top ul.nav{ transform:translateY(-50%); transition: transform .3s ease; } #nav.slide-bottom ul.nav{ transform:translateY(50%); transition: transform .3s ease; } body.nav-open #nav { position:fixed; width:100%;  height:100%; left:0; top:0; overflow:scroll;  } body.nav-open ul.nav { overflow:visible; opacity: 1; height: auto;  } body.nav-open #nav.slide ul.nav,body.nav-open #nav.slide-left ul.nav { transform:translateX(0%); } body.nav-open #nav.slide-top ul.nav,body.nav-open #nav.slide-bottom ul.nav { transform:translateY(0%); } #nav .bg { transition: opacity .2s ease;  background:#fff; opacity:0; position:fixed;  left:0; top:0;  } body.nav-open #nav .bg { width:100vw;  height:100vh; z-index:-1; } .logo {position:relative;z-index:1;} body.nav-open #nav .bg {opacity: 1;} ul.nav a {display:block;padding: 20px 20px !important;border-top:solid thin #d8dbdc;border-bottom:solid thin #eee;text-align:center;} ul.nav > li > a {display:block ;} ul.nav > li > ul { background: #f2f2f2;  } ul.nav > li > ul > li > ul{ background: #e2e2e2; } ul.nav li li a:hover { background: #fff; } ul.nav.border li{ border: none;  border-bottom:solid thin #ccc; }  .navicon-link { display:block; width:80px; height:60px; position:absolute;  right:0; top:0; cursor:pointer; z-index:100; }   #nav .navicon:before { content: ""; top: -8px; } #nav .navicon:after { content: ""; top: 8px; } #nav .navicon, #nav .navicon:before, #nav .navicon:after { transition-duration: 0.5s; position: absolute; height: 4px; width: 24px; background-color: #000;  } body.nav-open { position: fixed; width: 100%; } #nav.dark .bg { background:#000; }  #nav.dark .navicon,#nav.dark .navicon:before,#nav.dark .navicon:after {background-color:#fff;} #nav.dark ul.nav > li > ul { background: rgba(255,255,255,.1);  } #nav.dark ul.nav > li > ul > li > ul{ background: rgba(255,255,255,.2);  } #nav.dark ul.nav li li a:hover { background: rgba(255,255,255,.1);  } #nav.dark ul.nav.border li{ border: none;  border-bottom:solid thin rgba(255,255,255,.5); } #nav.dark ul.nav a:hover{background: rgba(255,255,255,.2)} #nav.dark ul.nav a {border-top:solid thin rgba(255,255,255,.3); border-bottom:solid thin rgba(255,255,255,.3); }  body.nav-open .navicon { transition-duration: 0.5s; background: transparent !important; } body.nav-open .navicon:before{ -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(5px, 5px); transform: rotateZ(45deg) scaleX(1.25) translate(5px, 5px); } body.nav-open .navicon:after { -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(5px, -5px); transform: rotateZ(-45deg) scaleX(1.25) translate(5px, -5px); }}@keyframes outHide { 0% {height:0;opacity:0;} 1% {height:auto;} 100% {height:auto;opacity:1;}}@-webkit-keyframes outHide { 0% {height:0;opacity:0;} 1% {height:auto;} 100% {height:auto;opacity:1;}} .input-group { width:100vw; margin-left:100px; position:fixed; left:0; top:65px; z-index:99; transition:padding .4s; display:flex; transition: all .4s; outline:solid thin rgba(255,255,255,0); background:rgba(7,11,23,.8); background:rgb(7,11,23); height:70px; align-items: center; justify-content: center; border-bottom:solid thin rgba(255,255,255,.2); box-shadow:0 0 10px 10px rgba(0,0,0,.3); flex-direction: row; align-items: stretch; } .input-group input { background:none; padding:20px; color:#fff; border:none; background:rgb(7,11,23); position:relative; z-index:1;   width:100%;  } .input-group input:focus { outline:none;  } .input-group .icon-search { padding-left:10px; width:50px; top:23px; height:20px; position:relative; } .input-group .tags{ top:15px; height:50px; padding:10px 0; position:relative; white-space:nowrap; text-transform:capitalize; max-width:300px; } .input-group .tag{ padding: 2px; border-radius: 3px; position: relative; display: inline-block; color: rgba(255,255,255,.8); user-select: none; -webkit-touch-callout: none; cursor: pointer; text-transform:capitalize; } .input-group .tag svg{ position:absolute; fill:#fff; top:-3px; right:0; opacity:0; width:8px; } .input-group .tag:hover{ background:rgba(255,255,255,.3); } .input-group .tag:hover svg{opacity:1; } .search .left {  position:fixed; display:flex; height:100%; left:0; top:64px;  z-index:100; }  .search .left ul.filters,.search .left ul.filters2{ color:rgba(255,255,255,.6); font-size:12px; list-style-type:none; padding:0px; text-align:center; width:100px; background:rgba(255,255,255,.1); transition:width .4s; margin:0; padding-top:20px; transition: all .4s; border-right:solid thin rgba(255,255,255,.05); font-family: 'Outfit', san-serif; font-weight:300;  letter-spacing:1px; } .search .left ul.filters li , .left ul.filters2 li{  transition:background .4s; cursor:pointer; } .search .left ul.filters li:hover , .left ul.filters2 li:hover{ background:rgba(255,255,255,.2); } .left ul.filters2 li.active {background:rgba(255,255,255,.2);} .search .left ul.filters2,.search .left ul.filters3 { width:0; padding-bottom:140px; overflow:scroll; opacity:0; border-right:solid thin rgba(255,255,255,.1); text-align:left; } .search .left ul.filters2 .header { font-weight:bold; } .search .left .filters3 { display:none; margin-left:-150px; margin-top:0px; } .search .left .filters3.active { width:150px;opacity:1; display:block; padding:20px; } .search .left ul.filters2 svg { fill:#fff; width:10px !important; right:10px; position:absolute; top:8px; opacity:0; } .search .left ul.filters2 li {padding-left:15px;} .search .left ul.filters2 li:hover svg {opacity:.7;} .search .left ul.filters2 li.active svg{opacity:1;background:rgb(0, 124, 128); border-radius:3px; padding:3px; width:15px !important; height:15px; top:5px; } .search .left li {padding:5px;position:relative;} .search .right { margin-left:100px; top:150px; transition:margin .4s; position:relative; padding-bottom:80px; } .search.tri .left ul.filters2{ width:150px;opacity:1;} .search.tri .left ul.filters{ background:rgba(255,255,255,0);} .search.tri .input-group { margin-left:250px;} .search.tri .right { margin-left:250px;} .search.showPlaylist .input-group {padding-right:150px;} .search.showPlaylist .right {margin-right:150px;}  .search.showPlaylist .playlists {width:150px;}  .filter-icon {display:none;}  .filters3 h4 {font-size:16px;text-align:center; margin:15px 0; } .grid { display: grid;row-gap: 6px;column-gap: 6px;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 30px); } .grid > div { display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;font-size: 10px;font-weight: 600;cursor: pointer;white-space: nowrap;height: 30px;grid-column-start: auto;grid-column-end: auto;background:rgba(255,255,255,.1); } .grid > div:hover { background:rgba(255,255,255,.2); } .grid > div.active { background:rgba(255,255,255,.4); } .details label{color:rgba(255,255,255,.7); font-size:11px;}  .sort-icon { position:fixed; z-index:1000;right:30px; top:90px; } #select-search { position:fixed; z-index:1000;right:20px; top:90px; opacity:0; }  @media all and (max-width: 640px){ .search .left,.input-group { position:static; } .search .left {height:0;display:flex;width:100%;overflow:hidden;transition:height .4s;} .input-group {margin-top:0px;padding:0;margin-left:0;} .search .left ul.filters,ul.filters2 {width:100%;position:static;background:none;} .search .right {margin:0;top:0;} .tracks td:nth-child(3) {display:none;} .filter-icon,.filter-icon svg { width:20px; height:20px; display:block; } .filter-icon { margin:10px 20px; border-bottom: solid thin #383A43; display:block; width:100%; height:40px; margin:0; position:relative; } .filter-icon svg {top:10px;position:absolute;left:10px;} .search.open .left {height:200px;} .search.tri ul.filters,ul.filters2 {display:inline-block !important;} .search.tri ul.filters {width:30% !important;opacity:1 !important;} .search.tri ul.filters2 {width:70% !important;} .search.tri .right { margin-left:0px;} .search.tri .input-group { margin-left:0;} .td-play img{width:50px;} .body {padding-top:80px;} li.header {margin:0;} .sort-icon { top:105px; position:absolute;  } #select-search { top:105px; position:absolute;  } } @charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing,10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing,10px)*-4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:hsla(0,0%,100%,.9);background:var(--plyr-menu-background,hsla(0,0%,100%,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid transparent;border-top:var(--plyr-menu-arrow-size,4px) solid hsla(0,0%,100%,.9);border-width:var(--plyr-menu-arrow-size,4px);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7 - var(--plyr-menu-arrow-size,4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing,10px)*.7/1.5) calc(var(--plyr-control-spacing,10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing,10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing,10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing,10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing,10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing,10px)*.7*1.5 - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing,10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing,10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:rgba(0,0,0,.1);content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc(-7px - -2);margin-right:calc(var(--plyr-control-spacing,10px)*.7*-1 - -2);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing,10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height,13px)*2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width,3px)*2 + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;background-image:linear-gradient(90deg,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc(var(--plyr-range-thumb-height,13px)/2*-1 - var(--plyr-range-track-height,5px)/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:hsla(0,0%,100%,.9);background:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing,10px)/2) calc(var(--plyr-control-spacing,10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size,18px)/2 + var(--plyr-control-spacing,10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height,13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress__buffer,.plyr__progress input[type=range]{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height,13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height,13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height,5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 0,transparent 50%,rgba(35,40,47,.6) 0,rgba(35,40,47,.6) 75%,transparent 0,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing,10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(transparent,rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(transparent,rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing,10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing,10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing,10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:hsla(0,0%,100%,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px hsla(0,0%,100%,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,hsla(0,0%,100%,.5))}.plyr--video .plyr__progress__buffer{color:hsla(0,0%,100%,.25);color:var(--plyr-video-progress-buffered-background,hsla(0,0%,100%,.25))}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;display:block;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:hsla(0,0%,100%,.9);background-color:var(--plyr-tooltip-background,hsla(0,0%,100%,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing,10px)/2*2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid hsla(0,0%,100%,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,hsla(0,0%,100%,.9));bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size,4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:2px;border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}.pop .wrap { color:#383A43; background:#e2e2ee;}.pop > .wrap > * { color:#383A43;}.pop-list {  padding:0; margin-left:40px; font-family:"Outfit";  font-weight:400;}.pop-list > li a{ border-top:solid thin #ccc; text-align:left; position: relative; transition:all .2s;}.pop-list > li:last-child a{border-bottom:solid thin #ccc;}.pop-list > li > a:hover { background: rgba(255,255,255,.2); color: #301934;}.pop-list > li > a { color:#383A43; text-decoration:none; display:block; width:100%; height:100%; padding:10px 20px 10px 60px; margin-left:-40px;}.pop .wrap { display:none; overflow:hidden;}.pop .wrap.open { display:block;}.pop .wrap.sm { max-width:550px;}.pop .form input, .pop .form select, .pop .form textarea { background:#fff;}.pop .form div {text-align:left !important;}.pop .button {color:#fff;}body.fix {overflow:hidden;}.pop svg path{ stroke: #D7C2FF; stroke-width: .2px; fill: none; stroke-miterlimit: 10; stroke-width: 0.1px;}.pop-closer {position:fixed !important;}.pop-closer svg path{stroke:brown;fill:white;}.pop-closer:hover svg path {fill:red;}.pop svg path.stroke { stroke-dasharray: 10000; stroke-dashoffset: 10000; animation: dash 20s linear forwards;}@keyframes dash { to { stroke-dashoffset: 0; }}.license-name img { max-width:200px; margin-bottom:10px; }#pop-download table a { display:block; width:100%; height:100%; background:#fff; border:solid thin #eee; transition:all .3s;}#pop-download table img { height:70px;  padding:12px;}#pop-download table a:hover { background:#eee; }.wrunner_theme_default.wrunner_direction_horizontal { width: 100%; padding-left: 0.625rem; padding-right: 0.625rem; box-sizing: border-box;}.wrunner_theme_default.wrunner_direction_vertical { height: 100%; width: max-content; padding-top: 0.625rem; padding-bottom: 0.625rem; box-sizing: border-box;}.wrunner__outer_theme_default.wrunner__outer { position: relative; padding-top: 0.1px;}.wrunner__outer_theme_default.wrunner__outer_direction_horizontal { height: 4rem; width: 100%;}.wrunner__outer_theme_default.wrunner__outer_direction_vertical { height: 100%; width: 5.5rem; min-height: 10rem;}.wrunner__scale-divisions-block_theme_default.wrunner__scale-divisions-block { position: absolute; display: flex; display:none;}.wrunner__scale-divisions-block_theme_default.wrunner__scale-divisions-block_direction_horizontal { top: 3.5rem; width: 100%; justify-content: space-between;}.wrunner__scale-divisions-block_theme_default.wrunner__scale-divisions-block_direction_vertical { height: 100%; width: 0.5rem; left: 0; justify-content: space-between; flex-direction: column;}.wrunner__scale-division_theme_default.wrunner__scale-division { background-color: #cb73a4;}.wrunner__scale-division_theme_default.wrunner__scale-division_direction_horizontal { height: 0.5rem; width: 0.1rem;}.wrunner__scale-division_theme_default.wrunner__scale-division_direction_vertical { height: 0.1rem; width: 0.5rem;}.wrunner__handle_theme_default.wrunner__handle { position: absolute; height: 1.25rem; width: 1.25rem; border-radius: 40%; background-color: #cf579a; transition-duration: 0.2s; transition-property: transform, background-color, border-radius; cursor: pointer; z-index: 1;}.wrunner__handle_theme_default.wrunner__handle:hover { transform: scale(1.1); border-radius: 50%; background-color: #c54a8e;}.wrunner__handle_theme_default.wrunner__handle:active { transform: scale(0.9); border-radius: 50%; background-color: #aa3d9c;}.wrunner__handle_theme_default.wrunner__handle_direction_vertical { margin-top: -0.6rem; margin-left: -0.4rem;}.wrunner__handle_theme_default.wrunner__handle_direction_horizontal { margin-top: -0.35rem; margin-left: -0.6rem; }.wrunner__track_theme_default.wrunner__track { position: absolute; background-color: rgba(205,205,205,0.75); border-radius: 0.25rem; cursor: pointer;}.wrunner__track_theme_default.wrunner__track_direction_horizontal { height: 0.5rem; width: 100%; top: 2.3rem;}.wrunner__track_theme_default.wrunner__track_direction_vertical { height: 100%; width: 0.5rem; left: 1.2rem;}.wrunner__progress_theme_default.wrunner__progress { position: absolute; background-color: #cb73a4; border-radius: 0.25rem;}.wrunner__progress_theme_default.wrunner__progress_direction_horizontal { height: 100%;}.wrunner__progress_theme_default.wrunner__progress_direction_vertical { width: 100%; bottom: 0;}.wrunner__value-note_theme_default.wrunner__value-note { position: absolute; padding: 0.35rem;  text-align: center; color: #fff; font-size: 0.75rem; font-family: arial; font-weight: 900; cursor: default; transition: 0.2s opacity; display: flex; white-space: pre;}.wrunner__value-note_theme_default.wrunner__value-note::after { content: ''; position: absolute; display: block; height: 0; width: 0;}.wrunner__value-note_theme_default.wrunner__value-note_direction_horizontal { top: 0; min-width: 1.5rem; border-radius: 0.8rem 0.3rem 0.8rem 0.3rem; justify-content: center; left:85%;}.wrunner__value-note_theme_default.wrunner__value-note_direction_horizontal::after { left: 50%; margin-left: -0.25rem; bottom: -0.5rem; border: 0.25rem solid transparent; border-top-color: #c54a8e;}.wrunner__value-note_type_min.wrunner__value-note_theme_default.wrunner__value-note_direction_horizontal {left:-10%;}.wrunner__value-note_theme_default.wrunner__value-note_direction_vertical { left: 2.4rem; min-width: 1.5rem; border-radius: 0.3rem 0.7rem 0.3rem 0.7rem; justify-content: center; flex-direction: column;}.wrunner__value-note_theme_default.wrunner__value-note_direction_vertical::after { top: 50%; margin-top: -0.25rem; left: -0.5rem; border: 0.25rem solid transparent; border-right-color: #c54a8e;}.wrunner__value-note_theme_default.wrunner__value-note_display_hidden { opacity: 0;}.wrunner__value-note_theme_default.wrunner__value-note_display_visible { opacity: 1;} .cover { position:fixed; width:33%; top:60px;  left:0; display:flex; align-items: center; justify-content: center; height:100%; background:url(/public/img/playlist/12.jpg) center center; background:rgb(39, 36, 56); background-image: linear-gradient(180deg, rgba(38, 57, 83, 0.63), rgba(2, 85, 152, 0.47) 36%, rgba(39, 36, 56, 0.72) 50%),url(/public/img/playlist/12.jpg);background-size:cover; }.cover-wrap {margin-top:-20%;max-width:400px; padding:40px;display:block;text-align:center;} .cover img{ position:absolute; top:0; } .cover p { position:relative; z-index:1000; } .section-tracks { margin-left:33%; padding:100px 0; } .sm {margin-left:40px;margin-bottom:20px;color:rgba(255,255,255,.7);} .sm svg {width:20px;fill:rgba(255,255,255,.7);position:relative; top:7px;} .sm:hover { text-decoration:none; color:#fff; } .sm:hover svg{ fill:#fff; } .page-artist .section-tracks { padding:80px 20px; } .header {display:flex;} .header img {max-height:150px;padding-right:10px;}  @media all and (max-width: 640px){ .cover { position:static; width:100%; display:block; padding:80px 40px; margin-top:80px;  } .cover-wrap { margin-top: 0%;  max-width:none; } .page-artist .section-tracks { padding:40px; margin:0; padding-top:0; width:100%; } .header {display:block;} .header img { max-height:none !important; } .section-tracks {padding:0 0 120px 0 !important;margin:0;} h4 {text-align:center;} .header {margin:40px;} }