@keyframes animateProgressBar{0%{width:0%}100%{width:100%}}@-webkit-keyframes animateProgressBar{0%{width:0%}100%{width:100%}}.album-art{position:relative;float:left;overflow:hidden;width:100%;height:100%}.album-art .pause-state,.album-art .play-state,.album-art .register-state{position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.6);opacity:0;transition-timing-function:ease-out;transition-duration:.3s}.album-art .pause-state:hover,.album-art .play-state:hover,.album-art .register-state:hover{cursor:pointer}.album-art .pause-state .svg-holder,.album-art .play-state .svg-holder,.album-art .register-state .svg-holder{height:80px;width:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);border:3px solid #fff;border-radius:500px;padding:20px}.album-art .pause-state svg,.album-art .play-state svg,.album-art .register-state svg{fill:#fff;width:34px;height:34px;position:relative}.album-art .register-state{display:block;color:#fff;text-align:center;padding-top:30px}.flexbox.no-flexboxtweener .album-art .register-state{display:flex;align-items:center;justify-content:center;align-content:center;flex-flow:column wrap;padding-top:0}.album-art .register-state:hover{cursor:default}.album-art .register-state p{margin:20px 40px}.album-art .register-state .btn{display:none}@media (min-width:992px){.album-art .register-state .btn{display:inline-block}}.album-art.album-paused:hover .play-state{opacity:1;transition-timing-function:ease-out;transition-duration:.3s}.album-art.album-playing .pause-state{opacity:1;transition-timing-function:ease-out;transition-duration:.3s}.album-art.album-done-playing .register-state{opacity:1;z-index:10;transition-timing-function:ease-out;transition-duration:.3s}.album-art .progress{position:absolute;height:10px;width:100%;border-radius:0;left:0;bottom:0;background:0 0;margin:0}.album-art .progress-bar{border-radius:0}.album-playing.album-art .progress-bar{animation:animateProgressBar 30s linear;-webkit-animation:animateProgressBar 30s linear}.carousel-arrows{top:14px}@media (max-width:767px){.carousel-arrows{top:4px}}.white-link{color:#fff;text-decoration:underline}.white-link:hover{color:#efefef}@media (max-width:767px){.btn-link-left{text-align:left}}.index-homepage.th-dom .alert-info{background-color:#616467;border-color:#616467}.index-homepage.th-dom .btn-green{color:#fff;background-color:#000}.index-homepage.th-dom .btn-green:hover{color:#fff;background-color:#333}.index-homepage.th-dom .btn-green:focus{color:#fff;background-color:#000;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 0 2px rgba(0,0,0,.1) inset}.index-homepage.th-dom .btn-green.active,.index-homepage.th-dom .btn-green.active:hover,.index-homepage.th-dom .btn-green:active,.index-homepage.th-dom .btn-green:active:hover,.open>.dropdown-toggle.index-homepage.th-dom .btn-green,.open>.dropdown-toggle.index-homepage.th-dom .btn-green:hover{background-color:#000;-webkit-box-shadow:none;box-shadow:none}.index-homepage.th-dom .btn-green.disabled,.index-homepage.th-dom .btn-green[disabled],fieldset[disabled] .index-homepage.th-dom .btn-green{background-color:#c1c3c6}.index-homepage.th-dom .wrap{background-color:#f037a5;background:linear-gradient(#616467,#d9dadc)}.index-homepage.th-dom .hero-easy{background-color:#f037a5;background:linear-gradient(#d9dadc,#616467)}.index-homepage.th-dom .hero-subscription{background-color:#f037a5;background:linear-gradient(#616467,#d9dadc)}.index-homepage.th-dom .hero-easy .hero-easy-bg,.index-homepage.th-dom .hero-home-bg,.index-homepage.th-dom .hero-subscription .hero-subscription-bg,.index-homepage.th-dom .hero-subscription-bg{background:0 0}.index-homepage.th-dom img{filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%)}.index-homepage.th-dom .device-list li a,.index-homepage.th-dom p a{color:#616467;text-decoration:underline}.index-homepage.th-dom .device-list li a:active,.index-homepage.th-dom .device-list li a:hover,.index-homepage.th-dom p a:active,.index-homepage.th-dom p a:hover{color:#222326}.index-homepage h1{font-size:48px;font-weight:900;letter-spacing:-.04em;line-height:1.15;margin-top:0}@media (min-width:768px){.index-homepage h1{font-size:64px}}@media (min-width:992px){.index-homepage h1{font-size:80px}}.index-homepage h2{font-family:inherit;line-height:1.1;color:inherit;margin-top:24px;margin-bottom:12px;font-size:32px;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin-top:0}.index-homepage h2 .small,.index-homepage h2 small{font-weight:400;line-height:1;color:#919496}.index-homepage h2 .small,.index-homepage h2 small{font-size:65%}@media (min-width:768px){.index-homepage h2{font-size:40px}}@media (min-width:992px){.index-homepage h2{font-size:48px}}.index-homepage p{font-size:18px}@keyframes fadeInUp{from{transform:translate3d(0,40px,0)}to{transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes fadeInUp{from{transform:translate3d(0,40px,0)}to{transform:translate3d(0,0,0);opacity:1}}.index-homepage .animated{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}.index-homepage .animatedFadeInUp{opacity:0}.index-homepage .fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}@media (min-width:768px){.index-homepage .btn-free{margin-right:8px}}.index-homepage .hero{position:relative;overflow:hidden}.index-homepage .hero [class*=col]{position:static}.index-homepage .wrap{background-color:#f037a5;background:linear-gradient(#f037a5 -50%,#fae62d 120%)}.index-homepage .hero-home{color:#fff}.index-homepage .hero-home .container{position:relative}.index-homepage .hero-home .btn,.index-homepage .hero-home p{margin-top:28px}.index-homepage .hero-home p a{color:#fff;text-decoration:underline}.index-homepage .hero-home p a:hover{color:#efefef}.index-homepage .jp h1{font-family:inherit;line-height:1.1;color:inherit;margin-top:24px;margin-bottom:12px;font-size:32px;font-weight:900;letter-spacing:-.02em;line-height:1.2}.index-homepage .jp h1 .small,.index-homepage .jp h1 small{font-weight:400;line-height:1;color:#919496}.index-homepage .jp h1 .small,.index-homepage .jp h1 small{font-size:65%}@media (min-width:768px){.index-homepage .jp h1{font-size:40px}}@media (min-width:992px){.index-homepage .jp h1{font-size:48px}}.index-homepage .jp .carousel-home .item .container{min-height:580px}.index-homepage .background-container{width:775px;height:734px;position:absolute}@media (min-width:768px){.index-homepage .background-container{width:1000px;height:947px}}@media (min-width:992px){.index-homepage .background-container{width:1100px;height:1042px}}@media (min-width:1200px){.index-homepage .background-container{width:1606px;height:1521px}}.index-homepage .hero-home-bg{width:100%;height:0;background:url(/i/home/hero-burst.svg) no-repeat;background-size:cover;padding:0 0 94% 0;position:absolute}@media (max-width:767px){.index-homepage .hero-home-bg{top:70px;left:-110px;background:url(/i/home/hero-burst-mobile.svg) no-repeat}}@media (min-width:768px){.index-homepage .hero-home-bg{top:-140px;left:-90px}}@media (min-width:992px){.index-homepage .hero-home-bg{top:-200px;left:-24px}}@media (min-width:1200px){.index-homepage .hero-home-bg{top:-600px;left:-150px}}.index-homepage .carousel-control.left,.index-homepage .carousel-control.right{width:35px;height:35px;top:330px}@media (max-width:767px){.index-homepage .carousel-control.left,.index-homepage .carousel-control.right{width:24px;height:24px;top:550px}}.index-homepage .carousel-control.left{left:0}@media (max-width:767px){.index-homepage .carousel-control.left{left:28%}}.index-homepage .carousel-control.left .icon-prev{top:14px}@media (max-width:767px){.index-homepage .carousel-control.left .icon-prev{top:4px}}.index-homepage .carousel-control.right{right:0}@media (max-width:767px){.index-homepage .carousel-control.right{right:28%}}.index-homepage .carousel-control.right .icon-next{top:14px;left:-5px}@media (max-width:767px){.index-homepage .carousel-control.right .icon-next{top:4px}}.index-homepage .carousel-home .icon-next,.index-homepage .carousel-home .icon-prev{width:35px;height:35px;border:0;background-image:url(/i/home/carousel-chevron.svg)}.index-homepage .carousel-home .icon-next::after,.index-homepage .carousel-home .icon-next::before,.index-homepage .carousel-home .icon-prev::after,.index-homepage .carousel-home .icon-prev::before{display:none}@media (max-width:767px){.index-homepage .carousel-home .icon-next,.index-homepage .carousel-home .icon-prev{width:24px;height:24px}}.index-homepage .carousel-home .icon-next{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.index-homepage .carousel-home .carousel-inner .container{position:relative}.index-homepage .carousel-home .carousel-inner .item{transition-property:opacity;transition-duration:.5s;padding:0 15px}.index-homepage .carousel-home .carousel-inner .active{opacity:1}@media all and (transform-3d),(-webkit-transform-3d){.index-homepage .carousel-home .carousel-inner>.item.active.right,.index-homepage .carousel-home .carousel-inner>.item.next{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}.index-homepage .carousel-home .carousel-inner>.item.active.left,.index-homepage .carousel-home .carousel-inner>.item.prev{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0}.index-homepage .carousel-home .carousel-inner>.item.active,.index-homepage .carousel-home .carousel-inner>.item.next.left,.index-homepage .carousel-home .carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.index-homepage .carousel-home .item .container{text-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-content:center;-moz-align-content:center;-ms-align-content:center;align-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;background-position:bottom right;background-size:contain;min-height:600px}@media (min-width:768px){.index-homepage .carousel-home .item .container{min-height:660px;padding:140px 58px 80px}}.index-homepage .hero-whats-on{text-align:left;z-index:1;padding:48px 0}@media (max-width:767px){.index-homepage .hero-whats-on{padding-bottom:0}}@media (min-width:768px){.index-homepage .hero-whats-on{padding-top:88px 0 112px}.flexbox.no-flexboxtweener .index-homepage .hero-whats-on .row{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}}.index-homepage .hero-whats-on .albums{-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3)}@media (max-width:767px){.index-homepage .hero-whats-on .albums{margin:40px -15px 0}}.index-homepage .hero-whats-on .album-art{width:50%;height:50%}@media (min-width:768px) and (max-width:991px){.index-homepage .hero-whats-on .album-art{width:100%;height:100%}}.index-homepage .hero-easy{background-color:#f037a5;background:linear-gradient(#fae62d -30%,#f037a5 150%);padding:48px 0}@media (min-width:768px){.index-homepage .hero-easy{padding:75px 0}.flexbox.no-flexboxtweener .index-homepage .hero-easy .row{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}}.index-homepage .hero-easy .container{position:relative}.index-homepage .hero-easy .hero-easy-bg{top:-172px;left:-90px;width:747px;height:779px;background:url(/i/home/hero-burst-easy.svg) no-repeat;position:absolute}@media (max-width:767px){.index-homepage .hero-easy .hero-easy-bg{top:-192px;left:10px;width:550px;height:528px}}.index-homepage .hero-easy .phone-container{position:absolute;top:4px}.index-homepage .hero-easy .phone-screen{top:50px;left:35px;position:absolute;width:250px;color:#fff}.index-homepage .hero-easy .phone-screen p{font-size:18px;margin-top:24px}.index-homepage .hero-easy .phone-screen .album-img-container{margin-bottom:24px}.index-homepage .hero-easy .phone-screen .album-img{display:inline-block;width:50%;float:left}.index-homepage .hero-easy .phone-screen .album-img p{text-align:center;font-size:13px;line-height:18px;margin-top:8px}.index-homepage .hero-easy .phone-screen .album-img img{-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3);width:115px;height:115px;margin:0 auto}.index-homepage .hero-easy .phone-screen p{margin-bottom:8px}.index-homepage .hero-easy .phone-screen ul{padding:0;clear:both}.index-homepage .hero-easy .phone-screen li{text-align:left;list-style:none;padding:8px 2px;width:100%;display:inline-block;position:relative}.index-homepage .hero-easy .phone-screen li svg{width:16px;height:16px;display:inline-block;vertical-align:middle}.index-homepage .hero-easy .phone-screen li svg:last-of-type{width:10px;height:10px;float:right;margin-top:6px}.index-homepage .hero-easy .phone-screen li span{font-size:16px;padding-left:8px;position:relative;top:2px}.index-homepage .hero-easy .outline-phone{width:315px;height:630px;display:initial;position:relative}.index-homepage .hero-devices{text-align:center;padding:48px 0;background:#fff}@media (min-width:768px){.index-homepage .hero-devices{padding:64px 0}}@media (min-width:992px){.index-homepage .hero-devices{text-align:left;padding:134px 0}.flexbox.no-flexboxtweener .index-homepage .hero-devices .row{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}}.index-homepage .hero-devices h2{margin-bottom:24px}.index-homepage .hero-devices ul{margin-bottom:0}.index-homepage .hero-devices li{font-size:14px;font-weight:700;margin:16px 0}.index-homepage .hero-devices .img-devices{width:100%;height:auto}@media (max-width:991px){.index-homepage .hero-devices .img-devices{margin-top:32px}}.index-homepage .hero-devices .device-list{padding-left:0;list-style:none;text-transform:uppercase;font-weight:700}@media (max-width:767px){.index-homepage .hero-devices .device-list{width:50%;float:left}}@media (min-width:768px){.index-homepage .hero-devices .device-list{padding-left:0;list-style:none;margin-left:-5px}.index-homepage .hero-devices .device-list>li{display:inline-block;padding-left:5px;padding-right:5px}.index-homepage .hero-devices .device-list li{padding:0 12px;position:relative}.index-homepage .hero-devices .device-list li:after{top:3px;right:-3px;content:"\2022";font-size:10px;color:#d9dadc;position:absolute}.index-homepage .hero-devices .device-list:last-child li:last-child:after{content:''}}@media (min-width:768px) and (min-width:768px){.index-homepage .hero-devices .device-list li:last-child:after{content:''}.index-homepage .hero-devices .device-list li:first-of-type{padding-left:8px}}.index-homepage .hero-subscription{background-color:#f037a5;background:linear-gradient(#fae62d -30%,#f037a5 150%);padding:48px 0}@media (min-width:768px){.index-homepage .hero-subscription{padding:48px 0 72px}.flexbox.no-flexboxtweener .index-homepage .hero-subscription .row{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center}}.index-homepage .hero-subscription .container,.index-homepage .hero-subscription .row{position:relative}@media (min-width:768px){.index-homepage .hero-subscription .hero-subscription-bg{top:-140px;right:140px;width:893px;height:930px;background:url(/i/home/hero-burst-easy.svg) no-repeat;position:absolute}}.index-homepage .hero-subscription .list{width:100%}@media (min-width:768px){.index-homepage .hero-subscription .list{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width:768px){.index-homepage .hero-subscription .list-item{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;width:50%}.index-homepage .hero-subscription .list-item:first-child{padding-right:8px}.index-homepage .hero-subscription .list-item:last-child{padding-left:8px}}@media (max-width:767px){.index-homepage .hero-subscription .list-item{padding:0}.index-homepage .hero-subscription .list-item:first-child{margin-bottom:24px}}.index-homepage .hero-subscription .list-content{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;transition-timing-function:ease-out;transition-duration:.15s;transform:translateY(0);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3);background-color:#fff;padding:28px;width:100%}.index-homepage .hero-subscription .list-content:hover{transition-timing-function:ease-out;transition-duration:.2s;transform:translateY(-5px);-webkit-box-shadow:0 14px 32px 0 rgba(0,0,0,.3);box-shadow:0 14px 32px 0 rgba(0,0,0,.3)}@media (min-width:768px){.index-homepage .hero-subscription .list-content{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media (min-width:768px){.index-homepage .hero-subscription .list-content div{-webkit-flex:1 0 auto;-moz-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;width:100%}}.index-homepage .hero-subscription h2{text-align:center;color:#fff;margin-bottom:40px}.index-homepage .hero-subscription h3{font-weight:400;margin:0}.index-homepage .hero-subscription p.small{margin:0;font-size:12px}.index-homepage .hero-subscription p.small.small-details{color:#fff;margin-top:24px}.index-homepage .hero-subscription p.small.small-details a{color:#fff;text-decoration:underline}.index-homepage .hero-subscription p.small.small-details a:hover{color:#efefef}.index-homepage .hero-subscription h4{font-size:32px;font-weight:900;margin:8px 0 0}.index-homepage .hero-subscription .pricing{min-height:70px}.index-homepage .hero-subscription .month{font-size:16px;font-weight:400}.index-homepage .hero-subscription .features{border-top:1px solid #d9dadc;border-bottom:1px solid #d9dadc;padding:34px 0 26px;margin:4px 0 28px}@media (max-width:767px){.index-homepage .hero-subscription .features{margin-top:16px}}.index-homepage .hero-subscription .spotify-free-list,.index-homepage .hero-subscription .spotify-premium-list{list-style-image:url(/i/home/plan-checklist.svg);color:#000;margin-left:-12px;margin-bottom:0}.index-homepage .hero-subscription .spotify-free-list li:not(:first-child){list-style-image:url(/i/home/plan-checklist-free.svg);color:#c1c3c6}.index-homepage .hero-subscription li{padding:0 0 7px 12px;line-height:22px}