body{transition:background-color .5s;}
.player{display:flex;align-items:center;flex-direction:column;justify-content:center;}
.details{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:25px;}
.track-art{height:150px;width:150px;background-size:cover;background-position:center;border-radius:50%;}
@media only screen and (max-width:500px){.track-art{height:70px;width:70px;background-size:cover;background-position:center;border-radius:50%;}
}
.track-name{font-size:1rem;color:whitesmoke;}
.track-artist{font-size:1rem;color:whitesmoke;}
.buttons{display:flex;flex-direction:row;align-items:center;}
.playpause-track,
.prev-track,
.next-track{padding:25px;opacity:0.8;transition:opacity .5s;}
@media only screen and (max-width:500px){.playpause-track{padding:15px;opacity:0.8;font-size:10px;color:white;transition:opacity .5s;}
.prev-track,
.next-track{opacity:0.8;font-size:8px;transition:opacity .5s;}
}
.playpause-track:hover,
.prev-track:hover,
.next-track:hover{opacity:0.9;color:white;}
.slider_container{width:40%;max-width:400px;display:flex;justify-content:center;align-items:center;}
@media only screen and (max-width:500px){.slider_container{width:70%;max-width:400px;display:flex;justify-content:center;align-items:center;}
}
.seek_slider, .volume_slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.5px;background:white;opacity:0.2;-webkit-transition:.2s;transition:opacity .2s;cursor:pointer;}
.seek_slider::-webkit-slider-thumb,
.volume_slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background:white;cursor:pointer;border-radius:50%;}
.seek_slider:hover,
.volume_slider:hover{opacity:1.0;}
.seek_slider{width:60%;}
.volume_slider{width:30%;}
.current-time,
.total-duration{padding:10px;}
i.fa-volume-down,
i.fa-volume-up{padding:10px;}
i.fa-play-circle,
i.fa-pause-circle,
i.fa-step-forward,
i.fa-step-backward{cursor:pointer;}
ul{list-style-type:none;margin:0;padding:0;}
a:hover{text-decoration:none;color:inherit;}
html{font-size:14px;}
img{width:100%;max-width:100%;height:100%;}
p{font-size:1rem;line-height:1.6;}
a,
button,
.more-link,
.more-link *,
.hover-box *{transition:all 0.3s ease-out;}
body{-webkit-font-smoothing:antialiased;}
.container{position:relative;}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading .heading-section,
.heading-content,
.heading-page,
.navigation-a{font-family:'Raleway', sans-serif;}
body,
p,
span,
.button{font-family:'Lato', sans-serif;}
.full-wh{position:absolute;top:0;left:0;bottom:0;width:100%;}
.bg-holder{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;z-index:0;}
[data-bgholder="background-image"]{background-repeat:no-repeat;background-size:cover;}
body .vegas-container{position:absolute;}
.loaded .ytplayer-container{display:block;}
.loaded .placeholder-image{opacity:0;}
.ytplayer-container{bottom:0;height:100%;left:0;min-width:100%;overflow:hidden;position:absolute;right:0;top:0;z-index:3;}
.placeholder-image{height:100%;left:0;min-height:100%;min-width:100%;position:fixed;top:0;z-index:1;}
.ytplayer-shield{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2;}
.ytplayer-player{position:absolute;transform:translateY(-50%);top:50% !important;}
.animated{opacity:0;}
.header-area{position:fixed;top:0;left:0;width:100%;height:auto;z-index:1;padding-top:15px;}
.logo-link{display:flex;width:120px;}
.navigation-area{position:fixed;bottom:0;left:0;z-index:1;margin-left:40px;margin-bottom:40px;}
.social-area{position:fixed;bottom:0;right:0;z-index:1;margin-right:40px;margin-bottom:40px;}
.home-area{position:fixed;top:0;left:0;width:100%;min-height:100vh;}
.ckav-body .intro-element{visibility:visible;opacity:1;}
.popup-area .popup-overlay,
.active-popup-section .popup-area .popup-overlay,
.popup-section,
.ckav-body.active-popup-section .intro-element,
.ckav-body .intro-element,
.active-popup-section .active-section.popup-section{transition:all 0.5s ease-out;}
.popup-area{height:100vh;}
.popup-area .popup-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;transform:translateY(100%);}
.active-popup-section .popup-area{height:auto;min-height:100vh;}
.active-popup-section .popup-area .popup-overlay{transform:translateY(0%);}
.popup-section{display:none;padding:80px 0;height:100vh;width:100%;align-items:center;justify-content:center;visibility:hidden;}
.popup-section .inner-section{width:100%;visibility:hidden;}
.popup-section .close-section{position:absolute;top:0;right:0;margin-top:40px;margin-right:40px;}
.active-popup-section .active-section.popup-section{visibility:visible;opacity:1;height:auto;min-height:100vh;}
.active-popup-section .active-section.popup-section .inner-section{visibility:visible;opacity:1;}
.footer-area{position:fixed;bottom:0;right:80px;z-index:0;padding-bottom:50px;text-align:center;background-color:transparent;}
.footer-area p,
.footer-area a,
.footer-area .c-text{color:#fff;font-size:12px;opacity:0.7;margin-bottom:0;text-transform:uppercase;}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{line-height:1.14;}
.font-01,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading .heading-section,
.heading-content,
.heading-page,
.navigation-a{font-family:'Raleway', sans-serif;}
.font-02,
body,
.heading-sub,
.heading-section-sub,
.heading-content-sub,
.heading-page-sub,
p,
.heading-pre,
.c-text{font-family:'Lato', sans-serif;}
.heading{font-weight:700;}
.heading-content{font-weight:500;}
.heading-section{font-weight:600;}
.heading-page{font-weight:700;}
.heading,
.heading-content,
.heading-section,
.heading-page{font-size:2.57142857rem;margin-bottom:0.07142857rem;}
.heading.xxxlarge,
.heading-content.xxxlarge,
.heading-section.xxxlarge,
.heading-page.xxxlarge{font-size:7.14285714rem;}
.heading.xxlarge,
.heading-content.xxlarge,
.heading-section.xxlarge,
.heading-page.xxlarge{font-size:5.71428571rem;}
.heading.xlarge,
.heading-content.xlarge,
.heading-section.xlarge,
.heading-page.xlarge{font-size:3rem;}
.heading.large,
.heading-content.large,
.heading-section.large,
.heading-page.large{font-size:3.57142857rem;}
.heading.normal,
.heading-content.normal,
.heading-section.normal,
.heading-page.normal{font-size:2.85714286rem;}
.heading.medium,
.heading-content.medium,
.heading-section.medium,
.heading-page.medium{font-size:2.28571429rem;}
.heading.small,
.heading-content.small,
.heading-section.small,
.heading-page.small{font-size:1.71428571rem;}
.heading.mini,
.heading-content.mini,
.heading-section.mini,
.heading-page.mini{font-size:1.28571429rem;}
.heading.tiny,
.heading-content.tiny,
.heading-section.tiny,
.heading-page.tiny{font-size:1.14285714rem;}
.heading-sub,
.heading-section-sub,
.heading-content-sub,
.heading-page-sub{font-size:1.1rem;margin-bottom:2.85714286rem;font-weight:400;}
.heading-sub.xlarge,
.heading-section-sub.xlarge,
.heading-content-sub.xlarge,
.heading-page-sub.xlarge{font-size:2.28571429rem;}
.heading-sub.large,
.heading-section-sub.large,
.heading-content-sub.large,
.heading-page-sub.large{font-size:1.85714286rem;}
.heading-sub.small,
.heading-section-sub.small,
.heading-content-sub.small,
.heading-page-sub.small{font-size:1.42857143rem;}
.heading-sub.mini,
.heading-section-sub.mini,
.heading-content-sub.mini,
.heading-page-sub.mini{font-size:1.28571429rem;}
.heading-sub.tiny,
.heading-section-sub.tiny,
.heading-content-sub.tiny,
.heading-page-sub.tiny{font-size:1.14285714rem;}
.heading-pre{font-size:1.57142857rem;margin-bottom:1.42857143rem;font-weight:400;}
.heading-pre.xlarge{font-size:2.28571429rem;}
.heading-pre.large{font-size:1.85714286rem;}
.heading-pre.small{font-size:1.42857143rem;}
.heading-pre.mini{font-size:1.28571429rem;}
.heading-pre.tiny{font-size:1.14285714rem;}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading,
.heading-content,
.heading-section,
.heading-page{color:#1F2229;}
.typo-light h1,
.typo-light h2,
.typo-light h3,
.typo-light h4,
.typo-light h5,
.typo-light h6,
.typo-light .h1,
.typo-light .h2,
.typo-light .h3,
.typo-light .h4,
.typo-light .h5,
.typo-light .h6,
.typo-light .heading,
.typo-light .heading,
.typo-light .heading-content,
.typo-light .heading-section,
.typo-light .heading-page,
.typo-light .heading-sub,
.typo-light .heading-pre,
.typo-light p{color:#fff;}
.heading-sub,
.heading-section-sub,
.heading-content-sub,
.heading-page-sub{color:#6f6f6f;}
.typo-light .heading-sub,
.typo-light .heading-section-sub,
.typo-light .heading-content-sub,
.typo-light .heading-page-sub{color:#e1e1e1;}
p,
body{color:#6f6f6f;}
.typo-light p{color:#e1e1e1;}
#loader{position:fixed;top:0%;left:0%;width:100%;height:100%;z-index:99999;background:#1F2229;}
#loader .load-three-bounce{position:absolute;top:50%;left:50%;text-align:center;width:80px;margin-left:-40px;margin-top:-10px;}
#loader .load-three-bounce .load-child{display:inline-block;width:20px;height:20px;border-radius:50%;background-color:#fff;animation:load-three-bounce 1.4s ease-in-out 0s infinite both;}
#loader .load-three-bounce .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
#loader .load-three-bounce .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
@-webkit-keyframes load-three-bounce{0%,
80%,
100%{-webkit-transform:sacle(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
@-o-keyframes load-three-bounce{0%,
80%,
100%{-webkit-transform:sacle(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes load-three-bounce{0%,
80%,
100%{-webkit-transform:sacle(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes load-three-bounce{0%,
80%,
100%{-webkit-transform:sacle(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
.menu-icon-wrp .menu-icon{position:relative;width:25px;height:25px;cursor:pointer;}
.menu-icon-wrp .menu-icon .bar{position:absolute;top:50%;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:2px;transition:0.3s;}
.menu-icon-wrp .menu-icon .bar:before,
.menu-icon-wrp .menu-icon .bar:after{position:absolute;content:"";background-color:#fff;width:100%;height:2px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:0.3s;}
.menu-icon-wrp .menu-icon .bar:before{top:-8px;}
.menu-icon-wrp .menu-icon .bar:after{top:8px;}
.menu-icon-wrp .menu-icon.active .bar{background:transparent;}
.menu-icon-wrp .menu-icon.active .bar:after,
.menu-icon-wrp .menu-icon.active .bar:before{top:0;}
.menu-icon-wrp .menu-icon.active .bar:after{transform:rotate(45deg);}
.menu-icon-wrp .menu-icon.active .bar:before{transform:rotate(-45deg);}
.dark.menu-icon-wrp .menu-icon .bar{background-color:#1F2229;}
.dark.menu-icon-wrp .menu-icon .bar:before,
.dark.menu-icon-wrp .menu-icon .bar:after{background-color:#1F2229;}
.dark.menu-icon-wrp .menu-icon.active .bar{background:transparent;}
.menu-icon-wrp.style-1 .menu-icon{position:relative;width:20px;height:20px;cursor:pointer;}
.menu-icon-wrp.style-1 .menu-icon .bar{position:absolute;top:50%;background-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:2px;transition:0.3s;}
.menu-icon-wrp.style-1 .menu-icon .bar:before,
.menu-icon-wrp.style-1 .menu-icon .bar:after{position:absolute;content:"";background-color:#fff;width:100%;height:2px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:0.3s;}
.menu-icon-wrp.style-1 .menu-icon .bar:before{top:-6px;}
.menu-icon-wrp.style-1 .menu-icon .bar:after{top:6px;}
.menu-icon-wrp.style-1 .menu-icon.active .bar{background:transparent;}
.menu-icon-wrp.style-1 .menu-icon.active .bar:after,
.menu-icon-wrp.style-1 .menu-icon.active .bar:before{top:0;}
.menu-icon-wrp.style-1 .menu-icon.active .bar:after{transform:rotate(45deg);}
.menu-icon-wrp.style-1 .menu-icon.active .bar:before{transform:rotate(-45deg);}
.dark.menu-icon-wrp.style-1 .menu-icon .bar{background-color:#1F2229;}
.dark.menu-icon-wrp.style-1 .menu-icon .bar:before,
.dark.menu-icon-wrp.style-1 .menu-icon .bar:after{background-color:#1F2229;}
.dark.menu-icon-wrp.style-1 .menu-icon.active .bar{background:transparent;}
.popup-content{max-width:600px;min-width:300px;position:relative;margin:auto;text-align:center;background-color:#ffffff;}
.popup-content .pop-body,
.popup-content .pop-header{padding:60px;}
.popup-content .mfp-close{color:#ffffff;width:40px;height:40px;top:-40px;right:-9px;font-size:30px;}
.popup-content.reset{max-width:none;min-width:none;background-color:transparent;text-align:left;}
.popup-content.container{padding:0px;}
.popup-content._1 .mfp-close{color:rgba(0, 0, 0, 0.5);width:40px;height:40px;font-size:30px;top:0;right:0;}
@keyframes scroll{from{left:0px;}
50%{left:-1000px;}
to{left:-1920px;}
}
@-webkit-keyframes scroll{from{left:0px;}
50%{left:-1000px;}
to{left:-1920px;}
}
.bg-anim{position:absolute;top:0;bottom:0;right:0;background-repeat:repeat-x;}
.bg-anim{-webkit-animation:scroll 60s infinite linear;animation:scroll 60s infinite linear;}
.ckav-shap{width:100%;position:absolute;bottom:-1px;transform:rotateX(180deg);}
.navigation-li{display:inline-flex;}
.navigation-a{display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all 0.4s ease-out;border-radius:100%;border:1px solid;border-color:rgb(0 0 0/20%);margin-right:5px;color:#fff;}
.navigation-a .icon,
.navigation-a .text{display:inline-flex;line-height:1;}
.navigation-a .icon{min-width:40px;width:40px;height:40px;justify-content:center;align-items:center;}
.navigation-a .text{opacity:0;visibility:hidden;text-transform:uppercase;position:absolute;top:-30px;justify-content:center;align-items:center;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:600;background-color:#fff;color:#1F2229;}
.navigation-a .text i{position:absolute;top:100%;line-height:1px;font-size:26px;color:#fff;margin-top:-3px;}
.navigation-a:hover{background-color:#fff;color:#1F2229;}
.navigation-a:hover .text{visibility:visible;opacity:1;transition:all 0.4s ease-out;}