body{background-color:#ebeff6}section.landingslider{position:relative;overflow:hidden}section.landingslider .head{padding-top:26px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:2}section.landingslider .head img{height:50px;width:auto;object-fit:contain}section.landingslider .head .btn-homepage{border-radius:28px;background-color:rgba(255,255,255,.2);padding:20px 24px 20px 30px;color:#fff;font-size:14px;text-transform:uppercase;display:flex;align-items:center;transition:all .3s ease-in-out}section.landingslider .head .btn-homepage:hover{background-color:rgba(255,255,255,.3)}section.landingslider .head .btn-homepage i{margin-left:40px}section.landingslider #gradient-canvas{position:absolute;height:100vh;width:100%;top:0;left:0;background:url("../img/landingbg2.png") no-repeat center center;background-size:cover;z-index:1}section.landingslider:after{background:url("../img/landingbg.png") no-repeat center center;background-size:cover;content:"";position:absolute;bottom:0;left:0;width:1920px;height:608px;z-index:1;right:0;margin:auto}section.landingslider .body{padding-top:70px;padding-bottom:400px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column}section.landingslider .body .gram{margin-bottom:40px;position:relative}section.landingslider .body .gram img{position:relative;z-index:2}section.landingslider .body .title{color:#fff;font-size:28px;text-transform:uppercase}section.landingslider .body .bigtitle{color:#fff;font-size:50px;text-transform:uppercase;margin-top:14px;margin-bottom:46px}section.landingslider .body a.btn-site{border-radius:28px;background-color:#fff;padding:20px 30px;color:#420370;font-size:16px;text-transform:uppercase;display:flex;align-items:center;transition:all .3s ease-in-out}section.landingslider .body a.btn-site:hover{transform:scale(1.05)}section.landingslider .body a.btn-site i{margin-left:48px}section.landingservices{margin-top:-310px;position:relative;z-index:4}section.landingservices .text{color:#fff;font-size:26px;text-transform:uppercase;line-height:1.4;font-weight:400;letter-spacing:.6px}section.landingservices .text b,section.landingservices .text strong{font-weight:600}section.landingservices .topbox{border-radius:10px;background-color:#d9261c}section.landingservices .topbox .head{position:relative;padding:30px 34px 30px 140px;background:url("../img/landingright.png") no-repeat right center;border-top-right-radius:10px}section.landingservices .topbox .head .code{box-shadow:0 4px 36px rgba(31,35,43,.25);border-radius:30px;background-color:#fff;padding:7px 9px 7px 36px;width:320px;display:flex;align-items:center;justify-content:space-between}section.landingservices .topbox .head .code span{color:#2266e1;font-size:26px}section.landingservices .topbox .head .code button{background-color:#2266e1;width:46px;height:46px;border:0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}section.landingservices .topbox .head .code button:hover{transform:scale(1.05)}section.landingservices .topbox .head:before{width:20px;height:20px;background:#f9bb4d;position:absolute;content:"";bottom:-10px;right:0px;z-index:1}section.landingservices .topbox .head img{position:absolute;top:-24px;left:30px}section.landingservices a.item{display:flex;box-shadow:-8px 8px 35px rgba(50,61,86,.07);border-radius:6px;background-color:#fefefe;padding:25px 25px 15px;flex-direction:column;align-items:center;border:1px solid #fff;margin-bottom:0;max-width:100%}section.landingservices a.item i{font-size:34px;margin-bottom:20px}section.landingservices a.item img,section.landingservices a.item svg{width:auto;height:34px;margin-bottom:20px}section.landingservices a.item span.big{font-size:18px;font-weight:600}section.landingservices a.item span.small{margin-top:5px;font-size:16px;font-weight:400}section.landingservices a.item:hover{transform:scale(1.1);color:#fff !important}section.landingservices .box{padding:50px 34px;border-radius:10px;background-color:#fff;position:relative;z-index:2}section.fenomen{overflow:hidden;padding-top:40px}section.fenomen .head{position:relative;margin-bottom:40px;display:flex;align-items:center}section.fenomen .head span.icon{border-radius:6px;background-color:rgba(24,211,166,.1);display:flex;width:60px;height:60px;align-items:center;justify-content:center}section.fenomen .head span.icon svg{filter:invert(64%) sepia(95%) saturate(1594%) hue-rotate(116deg) brightness(101%) contrast(81%)}section.fenomen .head .ftitle{color:#363643;font-size:26px;font-weight:600;margin-left:24px}section.fenomen .head .fdesc{color:#fff;font-size:18px;font-weight:400}section.fenomen .head ul.tabs li{width:70px;height:70px;border-radius:50%;background-color:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;line-height:1;color:#fff;font-size:36px;cursor:pointer;position:relative;transition:all .3s ease-in-out}section.fenomen .head ul.tabs li i{line-height:0;transition:all .3s ease-in-out}section.fenomen .head ul.tabs li:before{transition:all .3s ease-in-out}section.fenomen .head ul.tabs li.active{animation:ripple 2.5s linear infinite}section.fenomen .head ul.tabs li.active.instagram{background-color:#e1306c}section.fenomen .head ul.tabs li.active.tiktok{background-color:#000}section.fenomen .head ul.tabs li.active.youtube{background-color:red}section.fenomen .head ul.tabs li.active.spotify{background-color:#1db954}section.fenomen .head img.abs{position:absolute;top:-60px;right:0;z-index:2}section.fenomen .tabarea .tab{display:none}section.fenomen .tabarea .tab.active{display:block}section.fenomen .tabarea .tab .lastbb .head:before{width:84% !important}section.fenomen .tabarea .tab .slider .slick-slide{margin:0 10px}section.fenomen .tabarea .tab .slider .slick-list{margin:0 -10px}section.fenomen .tabarea .tab .slider .slick-slide[data-slick-index="3"] .head:before{width:84% !important}section.fenomen .item{background-color:#fff;border-radius:10px}section.fenomen .item.last{overflow:hidden}section.fenomen .item.last .head:before{width:calc(100% - 50px)}section.fenomen .item .head{width:100%;padding:25px;position:relative;margin-bottom:25px}section.fenomen .item .head span.popular{border-radius:15px;background-color:#f3a13c;color:#fff;font-size:14px;font-weight:500;padding:8px 19px;position:absolute;top:-15px}section.fenomen .item .head img{max-height:66px;min-height:66px;width:auto}section.fenomen .item .head:before{position:absolute;width:110%;height:2px;border-radius:1px;content:"";background:#18d3a6;bottom:0}section.fenomen .item .head.instagram:before{background:#e1306c}section.fenomen .item .head.instagram:after{background:#e1306c;box-shadow:0 0 0 1px #e1306c}section.fenomen .item .head.tiktok:before{background:#000}section.fenomen .item .head.tiktok:after{background:#000;box-shadow:0 0 0 1px #000}section.fenomen .item .head.youtube:before{background:red}section.fenomen .item .head.youtube:after{background:red;box-shadow:0 0 0 1px red}section.fenomen .item .head.spotify:before{background:#1db954}section.fenomen .item .head.spotify:after{background:#1db954;box-shadow:0 0 0 1px #1db954}section.fenomen .item .head:after{width:16px;height:16px;position:absolute;bottom:-7px;content:"";left:24px;border-radius:50%;background:#18d3a6;box-shadow:0px 0px 0px 1px #18d3a6;border:3px solid #fff}section.fenomen .item .head .title{color:#455edf;font-size:22px;font-weight:400}section.fenomen .item .head i{font-size:34px}section.fenomen .item .head .smalltitle{margin-top:10px;color:#18d3a6;font-size:18px;font-weight:600}section.fenomen .item .head .smalltitle b{font-weight:700}section.fenomen .item .body ul li{border-top:1px solid #d3e3ec;padding:18px 25px;display:flex;align-items:center;color:#1d3163;font-size:16px;font-weight:400}section.fenomen .item .body ul li b{font-weight:700}section.fenomen .item .body ul li i{color:#455ee0;margin-right:15px;font-size:20px}section.fenomen .item .body ul li:last-child{font-weight:700;color:#18d3a6;background:rgba(24,211,166,.1);border-top:1px solid rgba(24,211,166,.2);border-bottom:1px solid rgba(24,211,166,.2)}section.fenomen .item .body ul li:last-child i{color:#18d3a6;font-weight:normal}section.fenomen .item .foot{padding:20px 20px 20px 25px}section.fenomen .item .foot .oldprice{color:#8187a0;font-size:14px;font-weight:500;text-decoration:line-through}section.fenomen .item .foot .price{margin-top:3px;color:#18d3a6;font-size:26px;font-weight:700}section.fenomen .item .foot .btn-buy{border-radius:6px;background-color:#18d3a6;color:#fff;font-size:16px;font-weight:500;padding:15px 26px;transition:all .3s ease}section.fenomen .item .foot .btn-buy:hover{transform:scale(1.1);background:#13a582}footer{padding-top:100px;padding-bottom:50px}footer p{color:#798292;font-size:16px}@media(max-width: 991px){section.landingservices .topbox .head{background:rgba(0,0,0,0)}section.landingservices .topbox .head .code{width:220px}section.landingservices .topbox .head .code span{font-size:20px}section.landingservices .text{font-size:22px}section.landingservices .topbox .head:before{display:none}}@media(max-width: 768px){section.landingslider .body .bigtitle{font-size:36px}section.landingservices .topbox .head{flex-direction:column}section.landingservices .topbox .head .code{width:100%}section.landingservices .topbox .head .right{width:100%;margin-top:10px}}@media(max-width: 576px){section.landingslider .body .title{font-size:24px}section.landingslider .body .bigtitle{font-size:30px}section.landingslider .head .btn-homepage{padding:16px 16px 16px 22px}section.landingslider .head .btn-homepage i{margin-left:10px}section.landingservices .topbox .head img{position:absolute;top:-80px;left:0;right:0;margin:0 auto}section.landingservices .topbox .head{padding:30px;padding-top:60px}section.landingservices .text{text-align:center}section.landingservices .box{padding:20px}section.landingslider .body{padding-top:30px;padding-bottom:380px}section.landingslider .body .gram{margin-bottom:30px}section.landingslider .body .bigtitle{margin-bottom:30px}section.fenomen .head .ftitle{font-size:20px}footer p{font-size:14px}section.landingservices a.item span.big{font-size:11px}section.landingservices a.item span.small{font-size:12px}section.landingservices a.item i{margin-bottom:10px}section.landingservices a.item{padding:16px}section.landingslider .head{padding-top:14px;padding-bottom:14px}section.landingservices .text{font-size:16px}section.landingslider .body a.btn-site{display:none}section.landingslider .body .bigtitle{margin-top:8px}}/*# sourceMappingURL=landing.css.map */