@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/* CSS Document */
body{color: #333; font-family: "Montserrat", sans-serif;font-optical-sizing: auto; position: relative; background: #F9F7F8 url(/global/images/whitebg.png) top left repeat;height: auto;}
body.home{background: #040408; color: #fff;}

div.outer{width: 100%; max-width: 1000px; margin: 0 auto;}
div.outer700{width: 100%; max-width: 700px; margin: 0 auto;}

h1{font-size: 32px; padding: 20px 0; margin:0; text-align: center;}
h2{font-size: 26px; padding: 20px 0; margin:0;}
h3{font-size: 22px; padding: 20px 0; margin:0;}
a{color: #da1921;}

i.big-icon{font-size: 140px;}

/* ------------ header ------------- */
div.header{padding: 10px 0; position: relative; background: #121927; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.header a.logo{display: inline-block; margin-left: 30px; float: left; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}

div.header ul.line-menu{display: inline-block; width: calc(100% - 500px); margin-top: 20px; float: left; text-align: center; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.header ul.line-menu li{display: inline-block; margin: 5px 20px;}
div.header ul.line-menu li a{color: #fff; text-transform: uppercase; font-size: 16px; font-weight: bold; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.header ul.line-menu li a:hover{color: #ff5e00; text-decoration: none;}

div.header ul.menu{display: inline-block; float: right; margin: 20px 20px 0 0; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.header ul.menu li{display: inline-block; margin-right: 15px;}
div.header ul.menu li a{display: inline-block; border: 2px solid #fff; color: #ff5e00; padding: 7px;font-size: 18px; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.header ul.menu li a:hover{background: #ff5e00; color: #fff; text-decoration: none;}
/*div.header ul.menu li a{color: #fff; font-size: 18px;background: rgb(109,118,165);background: linear-gradient(105deg, rgba(109,118,165,1) 0%, rgba(175,87,113,1) 81%);padding: 5px 20px;border-radius: 3px; -moz-border-radius: 3px;}
div.header ul.menu li a:hover{text-decoration: none; color: #d46586;}*/
div.menu-panel{background: #141826; position: fixed; top: 0; right: 0; width: 0px; height: 100%; overflow:hidden; z-index: 9999; text-align: center;-webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.75);}
div.menu-panel div.fit-block{width: 300px;}
div.menu-panel a.close{display: inline-block; position: absolute; top: 10px; left: 10px; background: #ff5e00; border: 2px solid #fff; color: #fff; padding: 7px;font-size: 18px; -moz-border-radius: 50%; border-radius: 50%;}
div.menu-panel a.close:hover{background: #b75900;color: #fff; text-decoration: none;}
div.menu-panel ul{width: 100%; margin-top: 30px; border-top: 1px solid #ff5e00;}
div.menu-panel ul li{width: 100%; border-bottom: 1px solid #fff;}
div.menu-panel ul li a{display: block;width: 100%; text-transform: uppercase; height: 16px; line-height: 36px; height: 36px;background: #ff5e00;color: #fff;}
div.menu-panel ul li a:hover{text-decoration: none;background: #b75900;color: #fff;}
div.menu-panel div.mp-btn-line{text-align: center; position: absolute; bottom: 25px; left: 0px;width: 100%;}
div.menu-panel div.mp-btn-line a{background: #ff5e00; border: 2px solid #fff; color: #fff; padding: 7px 9px;font-size: 18px; margin: 0 5px; -moz-border-radius: 50%; border-radius: 50%;}
div.menu-panel div.mp-btn-line a:hover{background: #b75900;color: #fff; text-decoration: none;}

body.home div.header{background: transparent; position: absolute; z-index: 3; width: 100%;}
body.mobile div.header{border-bottom: 1px solid #db7c1f; background: #121927; position: relative;}

div.header.fly{border-bottom: 1px solid #db7c1f;background: #121927 !important;padding: 4px 0;position: fixed !important;top: 0px;left: 0px;z-index: 9999 !important; width: 100%;}
div.header.fly a.logo{margin-left: 15px;}
div.header.fly a.logo img{height: 40px;}
div.header.fly ul.line-menu{margin-top: 10px;width: calc(100% - 380px);}
div.header.fly ul.line-menu li a{font-size: 12px;}
div.header.fly ul.menu{margin: 3px 15px 0 0;}

/* ------------ breadcrumb ------------- */
div.breadcrumb{padding: 5px 10px; color: #fff; border-top: 1px solid #202020; border-bottom: 2px solid #db7c1f; position: relative; background: #0f1018;}
div.breadcrumb a{color: #fff;}
div.breadcrumb a:hover{color: #db7c1f; text-decoration: none;}

/* ------------- slide-box ------------- */
div.slide-box{overflow: hidden; position: relative; margin-bottom: 5px;}
div.slide-box div.button-middle{text-align: center; position: absolute; top: calc(50% - 190px); z-index: 3; width: 100%;}
div.slide-box div.button-middle div.bigTxt{color: #fff;font-family: "Poppins", sans-serif; font-weight: 900; font-size: 100px; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); -moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
div.slide-box div.button-middle div.button-play{color: #ff5e00; font-size: 80px; font-weight: bold; display: inline-block; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); -moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.6); cursor: pointer; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.slide-box div.button-middle div.button-play:hover{color: #fff;}
div.slide-box div.button-middle div.slogan{font-family: "JetBrains Mono", monospace;font-optical-sizing: auto;color: #fff; font-weight: 400;text-transform: uppercase;font-size: 20px; padding-top: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.6); -moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
div.slide-box div.button-bleft{position: absolute; bottom: 33px; left: 30px; z-index: 3;}
div.slide-box div.button-bright{position: absolute; bottom: 40px; right: 40px; z-index: 3;}
div.slide-box div.button-bright div{padding: 10px 20px;}
div.slide-box div.button-bleft div.btnrow{position: relative; margin: 11px 0;width: 40px;height: 30px;}
div.slide-box a.round-orange-btn{background: #ff5e00; color: #fff; font-size: 20px; padding: 7px; font-weight: bold; display: block; position: absolute; top: 0; left: 0; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.slide-box div.button-bleft div.btnrow:hover a.round-orange-btn{text-decoration: none; background: #fff; color: #ff5e00; left: 10px;}

/* ------------- cookies ------------- */
div.cookies{position: fixed;z-index: 99999;text-align: center;background: #000;color: #fff;bottom: 130px;padding: 20px;max-width: 400px;width:75%;left: 30px;border: 1px solid #101010;}
div.cookies a{color: #fff; text-decoration: underline;}
div.cookies a:hover{text-decoration: none;}
div.cookies span.cookies-ok{display: inline-block; margin-top: 10px; padding: 2px 10px; color: #2a0000; background: #fff;cursor: pointer; -moz-border-radius: 4px; border-radius: 4px;}
div.cookies span.cookies-ok:hover{background: #090; color: #fff;}

/* ------------ page ------------- */
div.page{color: #333;position: relative; /*backdrop-filter: blur(10px);*/}

/* ------------ master-slider ------------- */
div.master-slider{padding: 0 0 20px 0; background: #0f1018;}
div.master-slider div.ms-info{position: absolute; bottom: -15px; left: 0; text-align: center; width: 100%;}
div.master-slider div.ms-info a{color: #fff;}

/* ------------ reklami ------------- */
div.trek{display: none;position: fixed; top: 0; left: 0; width: calc(100% - 40px); padding: 20px; background: #fff; text-align: center; border-bottom: 2px solid #ccc; z-index: 99999;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);}
div.trek div.rt-content{}
div.trek div.rt-content img{max-width: 100%;}
div.trek div.rt-handler{position: absolute; bottom: -26px; left: 340px; width: 70px; height: 25px; background: #ccc; color: #000; font-size: 20px; cursor: pointer;-moz-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;-moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);}
div.trek div.rt-handler:hover{color: #fff;}

div.re-block{margin: 0 auto; width: 100%; max-width: 800px; margin-bottom: 5px; position: relative;}
div.re-block a.re-el{display: block; margin: 0; position: relative; z-index: 1;}
div.re-block a.re-el img{width: 100%;}
div.re-block a.re-el.reOld{position: absolute; top: 0; left: 0; z-index: 2;}

/* ------------ show-top ------------- */
div.show-top{color: #333; margin-top: 50px;}
div.show-top div.oline{border-bottom: 2px solid #ff5e00;}
div.show-top h1{background: #ff5e00;color: #fff;font-size: 24px;padding: 5px 40px;display: inline-block;margin: 0 0 5px 7px;text-transform: uppercase;transform: skewX(340deg);}
div.show-top div.song-box{background: #fff;padding: 0;height: 80px;overflow: hidden;margin: 10px 0;-moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);}
div.show-top div.song-box div.sart{height: 80px; width: 80px; float: left;}
div.show-top div.song-box div.sart img{height: 100%; width: 100%;}
div.show-top div.song-box div.spos{font-size: 24px; font-weight: bold; height: 80px; line-height: 80px; width: 60px; text-align: center; float: left;}
div.show-top div.song-box div.sdata{padding: 15px 20px; width: calc(100% - 180px); text-align: left; float: left;}

/* ------------ show-top-half ------------- */
div.show-top-half{color: #333; margin-top: 50px; width: calc(50% - 20px); float: left;}
div.show-top-half.right{float: right;}
div.show-top-half div.oline{border-bottom: 2px solid #ff5e00;}
div.show-top-half h1, div.show-top-half h2{background: #ff5e00;color: #fff;font-size: 20px;padding: 5px 40px;display: inline-block;margin: 0 0 3px 7px;text-transform: uppercase;transform: skewX(340deg);}
div.show-top-half div.song-box{background: #fff;padding: 0;height: 80px;overflow: hidden;margin: 10px 0;-moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);}
div.show-top-half div.song-box div.sart{height: 80px; width: 80px; float: left;}
div.show-top-half div.song-box div.sart img{height: 100%; width: 100%;}
div.show-top-half div.song-box div.spos{font-size: 24px; font-weight: bold; height: 80px; line-height: 80px; width: 60px; text-align: center; float: left;}
div.show-top-half div.song-box div.sdata{padding: 15px 20px; width: calc(100% - 180px); text-align: left; float: left;}

/* ------------ ouraps ------------- */
div.ouraps{background: #ff5e00; text-align: center; padding: 30px 0; margin: 30px 0;}
div.ouraps h2{background: #fff;color: #ff5e00;font-size: 20px;padding: 5px 40px;display: inline-block;margin: -48px 0 3px 7px;text-transform: uppercase;transform: skewX(340deg);}
div.ouraps a{background: #fff;color: #ff5e00;font-size: 30px;padding: 12px;margin: 0 10px;font-weight: bold;display: inline-block;-moz-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.ouraps a:hover{background: #c34800;color: #fff;text-decoration: none;}

/* ------------ login-box ------------- */
div.login-box{margin: 50px auto; backdrop-filter: blur(10px); width: 100%; max-width: 600px; padding: 40px; border: 1px solid #333; color: #333; -moz-border-radius: 4px; border-radius: 4px;}
div.simple-info{border: 1px solid #7163e9;background: #6a79c1;color: #ffffff; padding: 10px; margin-bottom: 25px; -moz-border-radius: 4px; border-radius: 4px;}

/* ------------ premium ------------- */
div.premium-base{padding: 30px 0; font-size: 22px;}
div.premium-base i{font-size: 140px;}
div.pricing{padding: 20px 0; text-align: center;}
div.pricing div.pbox{background: #2e2e2e url(/global/images/pricebg.webp) center top no-repeat; background-size: 100% auto; display: inline-block; width: calc(25% - 27px); margin: 10px; text-align: center;}
div.pricing div.pbox div.separator{margin: 20px 30px; height: 5px; background: #B0FBFF;}
div.pricing div.pbox div.price{color: #fff; font-family: "Advent Pro", serif; font-size: 40px; font-weight: bold; padding: 10px 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
div.pricing div.pbox div.price span{font-size: 30px; font-weight: normal; font-family: Arial, serif;}
div.pricing div.pbox div.ttl-section{color: #fff; padding: 0;}
div.pricing div.pbox div.ttl-section img{max-width: 120px; width: 100%;}
div.pricing div.pbox div.ttl-section div.title{font-size: 20px; font-weight: bold;text-transform: uppercase;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
div.pricing div.pbox div.ttl-section div.title span{display: block;font-size: 15px; font-weight: normal; color: #dfdfdf;}
div.pricing div.pbox div.ft-section{color: #fff; font-size: 16px; padding: 0; text-transform: uppercase; padding: 0 0 30px 0;}
div.pricing div.pbox div.lnks{padding: 0 0 30px 0;}
div.pricing div.pbox div.lnks span{display: block; text-transform: uppercase; color: #fff; padding-top: 5px;font-size: 11px;}
/*div.pricing a{display: inline-block;color: #fff;font-size: 18px;background: rgb(109, 118, 165);background: linear-gradient(105deg, rgba(109, 118, 165, 1) 0%, rgba(175, 87, 113, 1) 81%);padding: 15px 20px;margin: 10px;border-radius: 3px;-moz-border-radius: 3px;}
div.pricing a span{font-size: 32px; font-weight: bold;}
div.pricing a:hover{text-decoration: none; color: #000;}*/
div.bglines{padding: 20px; background: repeating-linear-gradient(-55deg, #ffffff, #ffffff 5px, #f3f3f3 5px, #f1f1f1 8px);text-align: center;line-height: 22px;font-size: 14px;font-weight: bold;}

/* ------------ partners ------------- */
div.partners{}
div.partners a.partner{padding: 10px 0; text-align: center; width: calc(25% - 33px); background: #121927; margin: 15px; display: inline-block; border-radius: 4px; -moz-border-radius: 4px; -webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;}
div.partners a.partner img{max-width: calc(100% - 10px);}
div.partners a.partner:hover{background: #252e3e;}

/* ------------ cart ------------- */
div.cartpg{}
div.cart-plan{text-align: center;}
div.cart-plan div.plan-type{background: #747575 url(/global/images/pricebg.webp) center top no-repeat;background-size: 100% auto;display: inline-block;width: calc(50% - 27px);margin: 10px;text-align: center; max-width: 360px;}
div.cart-plan div.plan-type img{max-width: 120px;width: 100%;}
div.cart-plan div.plan-type div.separator {margin: 20px 30px;height: 5px;background: #B0FBFF;}
div.cart-plan div.plan-type div.title{font-size: 20px; color: #fff; font-weight: bold;text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
div.cart-plan div.plan-type div.title span{display: block;font-size: 15px; font-weight: normal; color: #dfdfdf;}
div.cart-plan div.plan-type div.lnks{padding: 0 0 30px 0;}
div.cart-plan div.plan-type div.lnks span{display: block; text-transform: uppercase; color: #fff; padding-top: 5px;font-size: 11px;}
div.price-timeline{padding: 20px 0;position: relative;}
div.price-timeline div.timeline{width: 100%; height: 5px; background: #2C42FF; position: relative;overflow: hidden; border-radius: 4px; -moz-border-radius: 4px;}
div.price-timeline div.timeline div.current{width: 20%; height: 5px; background: #04B31A; position: absolute;top: 0; left: 0;}
div.price-timeline span.fdate{font-size: 12px;}
div.price-timeline span.mdate{font-size: 12px; padding-left: 50px;}
div.price-timeline span.edate{font-size: 12px; float: right;}
div.price-timeline h2{text-align: center; padding: 5px 0 10px 0; font-size: 20px;}
div.price-timeline h2 span{font-size: 18px; color: #2C42FF;}
div.price-timeline div.price{font-size: 38px; font-weight: bold; color: #333; text-align: center;}
div.price-timeline div.price span{font-size: 28px;}
div.cartpg div.break{border-bottom: 1px solid #ff5e00; margin-bottom: 10px;}
div.cartpg div.break div.title{background: #ff5e00;color: #fff;font-size: 13px;padding: 1px 40px;display: inline-block;margin: 0 0 3px 7px;text-transform: uppercase;transform: skewX(340deg);}
div.cartpg div.info{padding: 40px 0 60px 0; font-size: 16px; font-weight: bold;}
div.cartpg div.info.green{color: #090;}
div.cartpg div.info i{font-size: 56px; display: inline-block; padding-bottom: 10px;}
div.cartpg div.error{padding: 40px 0 60px 0; font-size: 16px; font-weight: bold; color: #f00;}

/* ------------ account ------------- */
div.a-image{width: 250px; text-align: center; float:left;}
div.a-image h1{text-align: center; padding: 0;line-height: 32px;}
div.a-main{width: calc(100% - 250px); float: left;position: relative; padding-top: 50px;}
div.a-main a.remove-btn{position: absolute; top: 10px; right: 0px; color: #fff; background: #ce832f; padding: 3px 10px; border-radius: 4px;-moz-border-radius: 4px;}
div.a-main a.remove-btn:hover{background: #900; text-decoration: none;}
div.a-main a.edit-btn{display: inline-block;margin: 10px;border: 1px solid #ccc;padding: 10px 0;text-align: center;width: 140px;background: #79797929;color: #424554; border-radius: 4px;-moz-border-radius: 4px;}
div.a-main a.edit-btn i{font-size: 26px;padding-bottom: 5px;display: inline-block;}
div.a-main a.edit-btn:hover{text-decoration: none;box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}

div.plans{margin: 50px 0;}
div.plans div.plantab{width: calc(33.333% - 2px); border: 1px solid #ccc; float: left; text-align: center; padding: 10px 0; font-weight: bold; background: #79797929; color: #999999;}
div.plans div.plantab i{font-size: 40px; display: inline-block; margin-bottom: 10px;}
div.plans div.pcontent{border: 1px solid #ccc; padding: 20px; background: #fff;}
div.plans.basic div.plantab.active{background: #008900;border: 1px solid #008900;color: #ffffff;}
div.plans.basic div.pcontent{border: 1px solid #008900;}
div.plans.premium div.plantab.active{background: #ff5e00;border: 1px solid #ff5e00;color: #ffffff;}
div.plans.premium div.pcontent{border: 1px solid #ff5e00;}
div.plans.business div.plantab.active{background: #1a3c7f;border: 1px solid #1a3c7f;color: #ffffff;}
div.plans.business div.pcontent{border: 1px solid #1a3c7f;}
div.plans div.pcontent div.ptitle{text-align: center; font-size: 18px;}
div.plans div.pcontent div.device{cursor: pointer;margin: 20px; padding: 20px 0; text-align: center; width: calc(33.33% - 42px); border:1px solid #ccc; background: #79797929;color: #999999; float: left;border-radius: 4px;-moz-border-radius: 4px;}
div.plans div.pcontent div.device i{font-size: 36px;display: inline-block; margin-bottom: 10px;}
div.plans div.pcontent div.device.selected{background: #ff5e00b5;border: 1px solid #ff5e00;color: #ffffff;}
div.plans div.pcontent div.device.active{background: #008900d4;border: 1px solid #008900;color: #ffffff;}
div.plans div.pcontent div.device:hover{box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}

a.tblDelete{}
a.tblDelete:hover{text-decoration: none;}

/* ------------ footer ------------- */
div.footer-space{display: none;}
body.home div.footer-space{height: 81px; display: block;}
div.footer{background: #79797929 /*url(/global/images/footer_light.png) center top no-repeat*/; text-align: center; position: relative;background-size: 100% 101%; padding: 30px 10px 10px 10px; margin-top: 30px;}
div.footer a{color: #ff5e00;}
div.footer a.logo{width: 120px; display: inline-block; margin-bottom: 30px;}
div.footer a.logo img{width: 100%;}
div.footer a.fly{position: absolute; top:calc(70% - 10px); left: 20px; font-size: 16px; font-weight: bold; color: #333;}
div.footer a.fly.right{left: unset; right: 20px;}
div.footer div.subscribe{width: 300px; margin: 0 auto; text-transform: uppercase; text-align: left;}
div.footer div.subscribe div.substxt{text-shadow: 1px 1px 2px rgba(0,0,0,0.6);}
div.footer div.subscribe input.nsfield{width: calc(100% - 20px);background: #fff;border: 1px solid #ff5e00;margin: 7px 0;padding: 10px;border-radius: 15px;-moz-border-radius: 15px;text-align: center;}
div.footer div.subscribe .save-ajax{width: calc(100% - 38px);text-align: center;font-weight: bold;}
div.footer div.copyline{font-weight: bold; padding: 10px 0 0 0;}
body.home div.footer a.fly{color: #fff;}
/*body.home div.footer{background-image:url(/global/images/footer_dark.png);}*/
/*div.footer{text-align: center; padding: 20px 0; border-top: 1px solid #db7c1f; color: #fff;position: relative; background: url(/global/images/footerbg.png) center top no-repeat;}
div.footer ul{width: 100%; text-align: center; margin: 20px 0 10px 0;}
div.footer ul li{display: inline-block; margin: 0 20px;}
div.footer ul li a{color: #fff;}
div.copyline{background: #0f1018; color: #fff; padding: 4px 10px; position: relative;}
div.copyline a.w3d{height: 16px;line-height: 16px;padding-left: 20px;color: #fff;background: url(/global/images/w3dicon.webp) left center no-repeat;}
body.home div.copyline{padding-bottom:80px;}*/

/* ------------- table ------------- */
table{background: #fff; -moz-border-radius: 4px; border-radius: 4px; width: 100%; overflow: hidden;}
table tr th{font-weight: normal; text-align: left; padding: 3px 10px; border-bottom: 1px solid #fff;background: #121927; color: #fff;}
table tr td{padding: 5px 10px; background: #fff;}
table tr:hover td{background: #efefef;}
table tr td.tools a{color: #333;}
table tr td a.nlink{color: #333;text-decoration: underline;}
table tr td a.nlink:hover{text-decoration: none;}
table tr td.tools a.update:hover{color: #090; text-decoration: none;}
table tr td.tools a.delete:hover{color: #e00; text-decoration: none;}

/* ------------- forms ------------- */
div.form{width: 100%; max-width: 680px; margin: 0 auto;}
div.form-row{margin-bottom: 5px;}
div.form-separator{color: #8d8d8d; font-size: 18px; border-bottom: 1px solid #ededed; margin-bottom: 20px; margin-top: 10px;}
div.form-label{font-size: 14px; margin-bottom: 10px;}
div.form-field{width: 100%; margin-bottom: 20px; height: auto; position: relative;}
div.form-field-sbm{width: 100%; height: auto; position: relative; text-align: center;}
div.form-field input{background: #fff; border: 1px solid #ccc; width: calc(100% - 2px); height: 25px; line-height: 25px; text-indent: 10px; -moz-border-radius: 4px; border-radius: 4px;}
div.form-field label input.checkbox{width: 16px; height: 16px; margin-right: 5px;}
div.form-field.checkbox label.check{padding-left: 30px; position: relative; display: block;}
div.form-field.checkbox label.check input.checkbox{width: 16px; height: 16px; position: absolute; top: -4px; left: 0px;}
div.form-field.capcha{border: 1px solid #b9b9b9;padding: 14px 10px;display: inline-block;width: 160px;background: #fff; -moz-border-radius: 4px; border-radius: 4px;}
div.form-field select{background: #fff; border: 1px solid #ccc; width: 100%; height: 29px; line-height: 25px; -moz-border-radius: 4px; border-radius: 4px;}
div.form-field textarea{background: #fff; border: 1px solid #ccc; width: calc(100% - 4px); height: 80px; text-indent: 10px; -moz-border-radius: 4px; border-radius: 4px;}
div.slidercaptcha{max-width: 300px; height: 215px;}
div.slidercaptcha div.card-header{margin-bottom: 5px; font-size: 15px;}
div.save-ajax, .btn-sbm{color: #fff; font-size: 18px;background: rgb(236 82 59);background: linear-gradient(103deg, #FF3934 0%, #FF884A 93%);padding: 5px 20px;border-radius: 15px; -moz-border-radius: 15px; display: inline-block; cursor: pointer;}
div.save-ajax:hover, .btn-sbm:hover{background: #e52509; color: #fff; text-decoration: none; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}
img.save-ajax-load{display:none;}
.class-row{display: none;}
div.form-field div#pswmeter{top: -7px;left: 2px;background-color: #fff;}
div.form-field div#pswmeter-message{display: none;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #fb5858 !important;}

div.help-btns{}
div.help-btns a{display: inline-block; font-size: 11px; margin-right: 10px; color: #777;}
div.help-btns a:hover{color: #e00;}

/* ------------- form validation ------------- */
div.form-field.error input{border: 1px solid #e60011;}
div.err-text::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "required field."}
div.err-text input{border: 1px solid #e60011;}
div.err-text select{border: 1px solid #e60011;}
div.err-text textarea{border: 1px solid #e60011;}
div.err-mail::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "invalid email."}
div.err-mail input{border: 1px solid #e60011;}
div.err-mail-exist::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "the email entered already exists."}
div.err-mail-exist input{border: 1px solid #e60011;}
div.err-passwd::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "the password must have at least 4 characters."}
div.err-passwd input{border: 1px solid #e60011;}
div.err-passwd-diff::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "the passwords entered are different."}
div.err-passwd-diff input{border: 1px solid #e60011;}
div label.err-check{border-bottom: 1px solid #e60011;}
div label.err-check::after{position: absolute; bottom: -12px; left: 2px; font-size: 9px; color: #e60011; content: "required field."}


/* ------------ fixes ------------- */
.mfp-close{right: -10px !important;top: -10px !important;}
.img-hover-zoom{overflow: hidden; display: inline-block;}
.img-hover-zoom img{transition: transform 1s, filter 0.6s ease-in-out;transform-origin: center center;}
.img-hover-zoom:hover img{transform: scale(1.1);}


/* for 1200px or less */
@media screen and (max-width: 1200px) {
	div.slide-box div.button-middle{top: calc(50% - 100px);}
	div.slide-box div.button-middle div.bigTxt{font-size: 70px;}
	div.header ul.line-menu li{margin:5px 16px;}
	div.header ul.line-menu li a{font-size: 15px;}
}

/* for 1000px or less */
@media screen and (max-width: 1000px) {
	div.header ul.line-menu{display: none;}
}

/* for 800px or less */
@media screen and (max-width: 800px) {
	div.slide-box div.button-middle div.bigTxt{font-size: 42px;}
	div.slide-box div.button-middle div.button-play{font-size: 70px;}
	div.slide-box div.button-middle div.slogan{font-size: 18px;padding-top: 15px;}
	div.slide-box div.button-bleft div.btnrow{display: inline-block;}
	div.show-top-half{width: 100%;margin-left: 0px;margin-right: 0px;}
	div.outer{width: calc(100% - 20px);padding:0 10px;}
	div.trek div.rt-handler{left: calc(50% - 40px);}
	div.pricing div.pbox{width: calc(50% - 27px);}
}


/* for 770px or less */
@media screen and (max-width: 770px) {
	div.a-image{width: 100%;}
	div.a-main{width: 100%;text-align: center;padding-top: 20px;}
	div.a-main a.remove-btn{position: relative;top: unset;right: unset;margin-bottom: 20px;display: inline-block;}
}

/* for 750px or less */
@media screen and (max-width: 750px) {
	div.slide-box div.button-bleft div.btnrow:hover a.round-orange-btn{left: 0px;}
	div.slide-box div.button-bleft{bottom: 0px;left: 15px;}
	div.slide-box div.button-bright{bottom: 10px;right: 20px;}
	div.header a.logo{margin-left: 15px;}
	div.header a.logo img{width: 150px;}
	div.header ul.menu{margin:10px 3px 0 0;}
	div.slide-box div.button-middle{top: calc(50% - 60px);}
	div.login-box{width: calc(100% - 100px);}
	div.outer700{width: calc(100% - 35px);}
}

/* for 620px or less */
@media screen and (max-width: 620px) {
	div.slide-box div.button-middle div.bigTxt{font-size: 32px;}
	div.slide-box div.button-middle div.slogan{font-size: 15px;padding-top: 6px;}
	div.slide-box div.button-bright div{padding:5px 15px;font-size: 15px;}
}

/* for 580px or less */
@media screen and (max-width: 580px) {
	div.footer a.fly{display: none;}
}

/* for 550px or less */
@media screen and (max-width: 550px) {
	div.slide-box div.button-middle{top: 56px;}
	div.slide-box a.round-orange-btn{font-size: 14px;padding:6px;}
	div.slide-box div.button-bleft div.btnrow{width: 30px;height: 20px;}
	p{font-size: 14px;}
}

/* for 500px or less */
@media screen and (max-width: 500px) {
	div.slide-box div.button-bright{display: none;}
	div.header ul.menu li a{font-size: 14px;}
	div.header ul.menu{margin:0px 3px 0 0;}
	div.header ul.menu li{margin-right: 8px;}
	div.header a.logo img{width: 120px;}
	div.slide-box div.button-middle div.bigTxt{font-size: 27px;}
	div.slide-box div.button-middle{top: 44px;}
	div.slide-box div.button-middle div.slogan{font-size: 12px;padding-top: 6px;}
	div.slide-box div.button-bleft div.btnrow{height: 12px;}
	div.show-top-half h1, div.show-top-half h2{font-size: 16px;}
	div.show-top-half div.song-box div.spos{font-size: 20px; width: 40px;}
	div.show-top-half div.song-box div.sdata{padding:15px 10px; font-size: 12px;}

	table tr th,table tr td{font-size: 11px;}
	div.save-ajax, .btn-sbm {font-size: 13px;}
}

/* for 450px or less */
@media screen and (max-width: 450px) {
	div.pricing div.pbox{width: calc(50% - 14px);margin: 5px;}
	.hidemobile{display: none;}
	div.breadcrumb{font-size: 12px;}
	body{font-size: 12px;}
	p{font-size: 13px;}
	div.plans div.pcontent div.device{margin: 5px; width: calc(33.33% - 12px);}
	div.desk-player div.rversion{font-size: 10px !important;}
}

/* for 390px or less */
@media screen and (max-width: 390px) {
	div.slide-box div.button-bleft{display: none;}
	div.header ul.menu li a{font-size: 12px;}
	div.header a.logo img{width: 100px;}
	div.header{padding: 6px 0;}
	div.ouraps h2{font-size: 14px;}
	div.menu-panel ul li a{font-size: 13px;}
	div.pricing div.pbox{width: calc(100% - 14px);margin: 10px;}
	div.slide-box div.button-middle div.button-play{font-size: 40px;}
}

/* for 350px or less */
@media screen and (max-width: 350px) {
	div.slide-box div.button-middle div.slogan{display: none;}
}