@charset "utf-8";
:root{
    --theme-color:#ed6e4d;
    --theme-color-dark:#FF6541;
    --theme-color-dark1:#d9452b;
    --theme-color-light:#FFE8E2;}
body{font-family:Poppins;color:#333}
.flex{display:flex}
.flex65{width:65%}
.flex55{width:55%}
.flex50{width:50%}
.flex45{width:45%}
.flex35{width:35%}
.hidden{display:none}
.navbar{position:relative;z-index:10;padding:20px 0}
.navbar .container{display:flex;justify-content:space-between;align-items:center;width:90%;margin:0 auto;font-size:18px}
.navbar-brand{background:left/contain no-repeat url(https://bio.linkcdn.to/instabio.cc/static/images/logo90.png);color:#333;height:50px;padding-left:52px;background-size:40px;line-height:52px;min-width:280px;font-size:22px;font-weight:600}
.navbar-toggler{display:none}
#my-nav{display:flex;justify-content:flex-end;overflow:hidden}
.navbar-nav{display:flex;justify-content:flex-end;}
.navbar-nav li{min-width:50px;padding:8px}
.navbar-nav li a{color:#333;font-size:14px;font-weight:500;white-space:nowrap;line-height:40px}
.navbar-nav li .nav-link{padding:8px}
.navbar-nav li .nav-link:hover{color:var(--theme-color)}
.navbar-nav li .signup{display:inline-block;min-width:120px;height:40px;border:2px solid #333;border-radius:6px;line-height:24px;text-align:center}
.navbar-nav li .signup:hover{border-color:var(--theme-color)}
.header{width:90%;max-width:1200px;margin:0 auto;padding-top:40px}
.header .container{align-items:center;height:420px;padding-top:20px}
.header .right{height:400px}
.header .container .intro{position:relative;height:100%}
.header .intro h1{font-size:44px;margin-top:0}
.header .intro h4{font-size:20px}
.intro .download{height:50px;margin-top:32px;display:flex}
.download .btn{min-width:152px;color:#fff;border-radius:6px;background-position:12px center;padding-left:40px;padding-top:4px;background-size:24px;display:inline-block}
.btn-google{background:#222 url(https://bio.linkcdn.to/static/home/images/google_play.png) no-repeat}
.btn-apple{background:#222 url(https://bio.linkcdn.to/static/home/images/apple_logo.png) no-repeat;margin-right:40px}
.download-desc{font-size:12px;padding-right:8px;display:block;height:20px;line-height:20px;}
.download-store{display:block;font-size:14px;line-height:20px;}
.header-intro{padding-top:0}
.header-image{position:relative;height:100%;overflow:hidden}
.header-img1{position:relative;text-align:center;height:100%;max-width:430px;margin:auto}
.header-animate img{position:absolute;width:60px;height:60px}
.header-img1 .header-img1-bg{position:absolute;top:0;width:100%;height:auto;max-width:430px;left:0}
.header-img1-bg-1{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}
.animate-tiktok{top:37.4%;left:10%}
.animate-ig{top:61.9%;left:6.3%}
.animate-facebook{top:56.9%;left:48.8%}
.animate-twitter{top:28%;left:86.13%}
.header-img1 .header-animate [class^=animate]{animation-name:hvr-bob;-webkit-animation-name:hvr-bob;-moz-animation-name:hvr-bob;animation-duration:1.5s;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-delay:.3s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate}
.header-animate div{position:absolute;height:32px;width:188px;background-color:#fff;box-shadow:0 3px 10px 0 rgba(51,51,51,.2);border-radius:16px;text-align:center;font-size:16px;line-height:32px}
.animate-shoplinks{top:55.2%;left:-200px;transform:translate(-50%,-50%) rotate(-24deg)}
img.animate-gplus{top:100%;left:-80px;width:80px;height:80px;transform:translate(-50%,-50%) scale(1.2) rotate(0);-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.2) rotate(0)}
.animate-fanslink{top:100%;left:20%;transform:translate(-50%,100px) rotate(-70deg)}
.animate-instabio{top:100%;left:50%;transform:translate(-50%,40px)}
.animate-wish{top:100%;left:51%;transform:translate(-50%,40px)}
img.animate-bl{top:100%;left:40%;width:80px;height:80px;transform:translate(-50%,60%)}
.animate-spotify{top:75%;left:100%;transform:translate(50%,50%)}
.animate-shopee{top:100%;left:92%;transform:translate(50%,100%)}
img.animate-music{top:50%;left:100%;width:80px;height:80px}
img.animate-snapdeal{top:60%;left:-60px;width:40px!important;height:40px!important;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%)}
img.animate-lazada{top:80%;left:-60px;width:40px!important;height:40px!important;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%)}
img.animate-offerup{top:100%;left:-60px;width:40px!important;height:40px!important;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%)}
img.animate-tidal{top:100%;left:15%;width:40px!important;height:40px!important;transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%)}
img.animate-email{top:100%;left:30%;width:40px!important;height:40px!important;transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%)}
img.animate-yandex{top:100%;left:70%;width:40px!important;height:40px!important;transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%)}
img.animate-vimeo{top:100%;left:85%;width:40px!important;height:40px!important;transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%)}
img.animate-website{top:100%;left:100%;width:40px!important;height:40px!important;transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%)}
img.animate-deezer{top:80%;left:100%;width:40px!important;height:40px!important;transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%)}
img.animate-flipkart{top:60%;left:100%;width:40px!important;height:40px!important;transform:translate(0,50%);-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%)}
.header-img2 .header-animate [class^=animate]{z-index:-2;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s;animation-delay:.3s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
.animate-shoplinks{animation-name:clusterInShoplinks;-webkit-animation-name:clusterInShoplinks;-moz-animation-name:clusterInShoplinks;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-gplus{animation-name:clusterInGPlus;-webkit-animation-name:clusterInGPlus;-moz-animation-name:clusterInGPlus;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-fanslink{animation-name:clusterInFanslink;-webkit-animation-name:clusterInFanslink;-moz-animation-name:clusterInFanslink;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-instabio{animation-name:clusterInInstabio;-webkit-animation-name:clusterInInstabio;-moz-animation-name:clusterInInstabio;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-wish{animation-name:clusterInWish;-webkit-animation-name:clusterInWish;-moz-animation-name:clusterInWish;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-bl{animation-name:clusterInBL;-webkit-animation-name:clusterInBL;-moz-animation-name:clusterInBL;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-spotify{animation-name:clusterInSpotify;-webkit-animation-name:clusterInSpotify;-moz-animation-name:clusterInSpotify;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-shopee{animation-name:clusterInShopee;-webkit-animation-name:clusterInShopee;-moz-animation-name:clusterInShopee;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-music{animation-name:clusterInMusic;-webkit-animation-name:clusterInMusic;-moz-animation-name:clusterInMusic;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-37{animation-name:clusterIn37;-webkit-animation-name:clusterIn37;-moz-animation-name:clusterIn37;animation-duration:10s;-webkit-animation-duration:10s;-moz-animation-duration:10s}
.animate-snapdeal{animation-name:clusterInSnapdeal;-webkit-animation-name:clusterInSnapdeal;-moz-animation-name:clusterInSnapdeal}
.animate-lazada{animation-name:clusterInLazada;-webkit-animation-name:clusterInLazada;-moz-animation-name:clusterInLazada}
.animate-offerup{animation-name:clusterInOfferup;-webkit-animation-name:clusterInOfferup;-moz-animation-name:clusterInOfferup}
.animate-tidal{animation-name:clusterInTidal;-webkit-animation-name:clusterInTidal;-moz-animation-name:clusterInTidal}
.animate-email{animation-name:clusterInEmail;-webkit-animation-name:clusterInEmail;-moz-animation-name:clusterInEmail}
.animate-yandex{animation-name:clusterInYandex;-webkit-animation-name:clusterInYandex;-moz-animation-name:clusterInYandex}
.animate-vimeo{animation-name:clusterInVimeo;-webkit-animation-name:clusterInVimeo;-moz-animation-name:clusterInVimeo}
.animate-website{animation-name:clusterInWebsite;-webkit-animation-name:clusterInWebsite;-moz-animation-name:clusterInWebsite}
.animate-deezer{animation-name:clusterInDeezer;-webkit-animation-name:clusterInDeezer;-moz-animation-name:clusterInDeezer}
.animate-flipkart{animation-name:clusterInFlipkart;-webkit-animation-name:clusterInFlipkart;-moz-animation-name:clusterInFlipkart}
.main .container{width:90%;max-width:1200px;margin:0 auto;padding:40px 24px 20px}
.row{min-height:600px;margin:auto}
.pad-top50{padding-top:50px}
.intro-header{display:inline-block}
.row .intro .icon{text-align:center}
.row .intro h3{margin-top:24px;font-size:30px;text-align:center}
.row .intro .text{font-size:18px;margin:24px 0}
.container .signup a{color:var(--theme-color-dark);font-size:18px;padding-right:30px;background:right center/26px url(https://bio.linkcdn.to/instabio.cc/static/v2.9/arrow.png) no-repeat}
.container .signup a:hover{text-decoration:underline}
.row.links{align-items:center}
.links-image{position:relative}
.links-image-bg{max-width:280px;max-height:510px;width:46.67%;margin:auto;border:10px solid #16222f;border-radius:30px}
.links-image-bg img{border-radius:20px}
.links-animate img{position:absolute;max-height:200px}
.links-animate-img1{top:4.7%;left:9%;max-width:150px}
.links-animate-img2.links-zoomIn{top:60%;left:62.4%;animation-delay:2s;-webkit-animation-delay:2s;-moz-animation-delay:2s}
.row.easy{align-items:center}
.easy-image{position:relative;transform:perspective(400px);}
.easy-image-bg{max-width:280px;max-height:510px;width:46.67%;border:10px solid #16222f;border-radius:30px}
.easy-image-bg img{border-radius:20px}
.easy-animate img{position:absolute;max-width:250px;top:21.4%;left:36.4%;width:41.67%}
.easy-svg{max-width:100px;width:16.67%;position:absolute;z-index:20;top:44.4%;left:22.4%;transform:rotateX(180deg)}
.dotted-line{animation:dotAnim 3s linear infinite}
.row.customise{align-items:center}
.customise-image{position:relative}
.customise-image-bg{position:relative;max-width:280px;max-height:500px;width:46.67%;border:10px solid #16222f;border-radius:30px;margin:0 0 0 auto;}
.customise-image-bg img{border-radius:20px;z-index:-1;width:100%;}
.customise-animate img{position:absolute;max-width:300px;width:50%;top:13.4%;left:12%}
.customise-image-bg-1{position:absolute;top:0;left:0;animation-delay:.1s}
.customise-image-bg-2{position:absolute;top:0;left:0;animation-delay:4.1s;opacity:0}
.customise-image-bg-3{position:absolute;top:0;left:0;animation-delay:8.1s;opacity:0}
.customise-image-bg-4{position:absolute;top:0;left:0;animation-delay:12.1s;opacity:0}
.row.traffic{align-items:center}
.traffic-image{position:relative}
.traffic-image-bg{position:relative;max-width:280px;max-height:510px;width:46.67%;border:10px solid #16222f;border-radius:30px}
.traffic-image-bg::before{position:absolute;content:" ";top:34%;left:12%;width:20px;height:20px;transform:scale(1);border-radius:50%;border:2px solid var(--theme-color-dark);background-color:rgba(255,101,65,.8);z-index:1;opacity:0;-webkit-animation-name:trafficFadeInCripples;animation-name:trafficFadeInCripples;animation-duration:5s;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
.traffic-image-bg img{border-radius:20px}
.traffic-animate img{position:absolute;max-width:300px;top:8.4%;left:32.4%;width:50%}
.spotlight{min-height:320px}
.spotlight h1{font-size:30px;text-align:center;padding:0 0 20px;margin-bottom:0}
.spotlight-reviews{width:80%;max-width:920px;overflow:hidden;margin:auto}
.reviews-item{padding:40px 60px;background:center/100% 100% url(https://bio.linkcdn.to/instabio.cc/static/v2.9/review-bg.png) no-repeat}
.reviews-avatar{width:82px;height:82px;min-width:80px;margin-right:32px}
.reviews-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:center}
.reviews-name{font-size:18px;font-weight:700}
.reviews-txt{font-size:16px;font-weight:400}
.owl-theme .owl-nav{text-align:left}
.owl-nav{width:80%;max-width:920px;margin:auto;padding-left:20px}
.owl-nav button{background:0 0;border:none;padding:6px 30px}
.owl-nav button.owl-button-prev{background:left center/26px url(https://bio.linkcdn.to/instabio.cc/static/v2.9/arrow-prev.png) no-repeat;padding-right:12px}
.owl-nav button.owl-button-next{background:right center/26px url(https://bio.linkcdn.to/instabio.cc/static/v2.9/arrow-next.png) no-repeat;padding-left:12px}
.footer .container{width:90%;max-width:1200px;margin:0 auto;padding-top:40px;text-align:center}
.footer .container a{color:initial}
.footer .container h3{margin-bottom:20px}
.footer .container h3 a{display:inline-block;min-width:160px;height:48px;background:var(--theme-color-dark);padding:8px 24px;border-radius:6px;font-size:16px;line-height:34px;color:#fff;font-weight:400}
.footer .container h3 a:hover{background-color:var(--theme-color-dark1);}
.footer .signin a{text-decoration-line:underline}
.footer .signin a:hover{color:var(--theme-color-dark)}
.footer .company{width:90%;max-width:1200px;margin:100px auto 0}
.footer .company hr{border:1px solid #ddd;border-bottom:none}
.footer .company .company-hr-top{margin-bottom:16px;}
.footer .company .company-hr-bottom{margin-top:16px;}
.footer .footer-intro{font-size:16px}
.footer .footer-intro li{margin-bottom:2px;font-weight:500}
.footer .footer-intro a{color:#333;font-size:14px;font-weight:400}
.footer-language a{color:#333}
.footer-language li{display:inline-block;width:60px;position:relative}
.footer-language li i{font-style:initial;font-size:16px}
.nav_menu{display:inline-block;color:#333;height:100%;width:178px}
.nav_menu i.more{display:inline-block;vertical-align:middle;background:right/10px url(https://bio.linkcdn.to/static/images/angle_down@2x.png) no-repeat;padding-right:14px}
.nav-divider{padding:1px;background-color:#eee}
.nav_lang-list{position:absolute;left:0;bottom:20px;z-index:2;background-color:#fff;border-radius:8px 8px 0 0;border:2px solid #dee4ff;height:350px;width:172px;overflow:scroll}
.nav_lang-list::-webkit-scrollbar{display:none}
.nav_lang-item{display:flex!important;cursor:pointer;padding-right:4px;width:100%!important}
.nav_lang-item:hover{background-color:#dee4ff}
.nav_lang-item span{display:inline-block;height:45px;text-indent:0;line-height:45px;white-space:nowrap}
.nav_lang-item span:first-child{width:12px}
.langactive{background-color:#dee4ff}
.footer-social{padding:12px 0}
.footer-social li{height:24px;margin-right:20px}
.footer-social li svg{max-width:24px;height:24px;fill:#333}
.footer-social .logo svg{max-width:28px;height:28px;margin-top:-3px}
.footer-end{padding:12px 0 16px;line-height:36px;justify-content:space-between}
.footer-logo{background:left/contain no-repeat url(https://bio.linkcdn.to/instabio.cc/static/images/logo90.png);height:36px;background-size:36px;padding-left:44px;font-weight:600}
.feature-header{text-align:center;padding-top:60px;}
.feature-header-subheading{font-size:12px;color:#AAAAAA;font-weight:500;}
.feature-header-title{font-size:28px;font-weight:bold;}
.feature-header-subtitle{font-size:12px;font-weight:500;}
.row.feature-biolink{align-items:center}
.biolink-image{position:relative;background:center/contain url("https://bio.linkcdn.to/instabio.cc/static/v2.9/feature-bg.png") no-repeat;}
.biolink-image-bg{max-width:255px;max-height:440px;width:46.67%;margin:auto;border:10px solid #16222f;border-radius:30px;}
.biolink-image-bg img{border-radius:20px}
.biolink-animate img{position:absolute;max-height:48px}
.biolink-animate-img1{top:10%;left:75%;}
.biolink-animate-img2{top:16%;left:9%;}
.biolink-animate-img3{top:37%;left:84%;}
.biolink-animate-img4{top:60%;left:14%;}
.biolink-animate-img5{top:75%;left:74%;}
.feature-biolink .right{padding-left:60px;}
.feature-biolink .intro h3{text-align:left;}
.row.feature-page{align-items:center}
.page-image{position:relative;background:center/contain url("https://bio.linkcdn.to/instabio.cc/static/v2.9/feature-bg.png") no-repeat;}
.page-image-bg{max-width:255px;max-height:440px;width:46.67%;margin:auto;border:10px solid #16222f;border-radius:30px;margin-right:20%;}
.page-image-bg img{border-radius:20px}
.page-animate img{position:absolute;max-height:48px}
.page-animate-img1{top:24%;left:19%;}
.page-animate-img2{top:57%;left:3%;}
.page-animate-img3{top:34%;left:84%;}
img.page-animate-img4{top:45%;left:15%;max-height:190px;width:38%;max-width:208px;}
.page-animate-img5{top:75%;left:81%;}
.feature-page .left{padding-right:60px;}
.feature-page .intro h3{text-align:left;}
.row.feature-profile{align-items:center}
.profile-image{position:relative;background:center/contain url("https://bio.linkcdn.to/instabio.cc/static/v2.9/feature-bg.png") no-repeat;}
.profile-image-bg{max-width:255px;max-height:440px;width:46.67%;margin:auto;border:10px solid #16222f;border-radius:30px;overflow:hidden;margin-left:17%;}
.profile-image-bg img{border-radius:20px}
.profile-animate img{position:absolute;max-height:48px}
.profile-animate-img1{top:14%;left:4%;}
.profile-animate-img2{top:29%;left:70%;}
.profile-animate-img3{top:64%;left:6%;}
img.profile-animate-img4{top:50%;left:48%;max-height:200px;width:40%;max-width:240px;}
.feature-profile .right{padding-left:60px;}
.feature-profile .intro h3{text-align:left;}
.row.feature-site{align-items:center}
.site-image{position:relative;background:center/contain url("https://bio.linkcdn.to/instabio.cc/static/v2.9/feature-bg.png") no-repeat;}
.site-image-bg{position:relative;max-width:255px;max-height:440px;width:46.67%;margin:auto;border:10px solid #16222f;border-radius:20px;overflow:hidden;background-color:#FFFFFF;}
.site-image-pc{max-width:380px;max-height:382px;width:70%;left:8%;margin:0;}
.site-image-app{position:absolute;max-width:186px;max-height:332px;z-index:2;bottom:0;left:60%;}
.site-image-bg img{border-radius:20px}
.feature-site .left{padding-right:60px;}
.feature-site .intro h3{text-align:left;}
.cases{min-height:auto;padding-top:40px}
.cases-title{text-align:center}
.cases-title h6{font-size:16px;line-height:24px;color:#333;font-weight:300}
.cases-title h1{margin-top:8px;font-size:28px;line-height:36px;font-weight:500;color:#121925}
.cases-list{max-width:1366px;margin:0 auto;padding:30px 0 0}
.cases-item img{border-radius:20px}
.cases-item-info{margin-top:20px}
.cases-item-info a{display:flex;align-items:center}
.cases-item-info img{width:32px;height:32px;max-width:32px;margin-right:6px}
.cases-item-info span{font-size:12px;color:#333}
@media screen and (max-width:1200px){.navbar-brand{}
.intro h1{font-size:40px}
.intro h4{font-size:20px}
.flex45,.flex55{width:50%}
.links-animate-img1{left:6%}
}
@media screen and (max-width:1100px){.flex50 .left{padding-left:0}
}
@media screen and (max-width:999px){.navbar-brand{}
.form-inline .login{margin-left:0}
.intro h1{font-size:36px}
.links-animate-img1{left:0}
}
@media screen and (max-width:900px){.header{padding-top:28px;}
.navbar{padding:20px 0 12px;}
.navbar .container{flex-wrap:wrap}
.navbar-brand{padding-left:54px;background-size:44px}
#my-nav{width:100%;padding-left:8px;}
#my-nav.show .navbar-nav{display:flex;}
.navbar-nav{flex-direction:column;width:100%;}
.navbar-nav li .signup{line-height:40px;border:none;text-align:left}
.navbar-nav{display:none}
.navbar-nav li{padding:0}
.navbar-nav li .nav-link{padding:0}
.navbar-toggler{display:inline-block;padding:.25rem .5rem;font-size:1.25rem;line-height:1;background-color:var(--theme-color);border:1px solid transparent;border-radius:.25rem}
.navbar-toggler .bar1,.navbar-toggler .bar2,.navbar-toggler .bar3{width:25px;height:2px;background-color:#fff;margin:5px 0;transition:.4s;display:block;position:relative}
.expanded .bar1{-webkit-transform:rotate(-42deg) translate(-5px,5px);transform:rotate(-42deg) translate(-5px,5px)}
.expanded .bar2{opacity:0}
.expanded .bar3{-webkit-transform:rotate(46deg) translate(-5px,-5px);transform:rotate(46deg) translate(-5px,-5px)}
.header .container{flex-wrap:wrap;padding-top:0;height:auto}
.flex50{width:100%}
.intro .download{justify-content:center}
.right{margin-top:20px}
.header .right{height:400px}
.main .customise,.main .easy,.main .links,.main .traffic{flex-wrap:wrap}
.links-animate img{width:25%}
.links-animate-img1{left:15%}
.intro-header{display:block}
.main .easy{flex-direction:column-reverse;padding-top:60px}
.main .easy .left{margin-top:20px}
.easy-image-bg{margin:auto;transform:translateX(-30%)}
.easy-animate img{left:47.4%}
.easy-svg{top:44.4%;left:35.4%}
.main .customise{padding-top:60px}
.customise-image-bg{margin:auto;transform:translateX(30%)}
.main .traffic{flex-direction:column-reverse;padding-top:60px}
.main .traffic .left{margin-top:20px}
.traffic-image-bg{margin:auto;transform:translateX(-30%)}
.traffic-animate img{left:42.4%}
.spotlight{padding-top:20px;min-height:280px}
.owl-nav,.spotlight-reviews{width:90%}
.footer .company{margin-top:60px}
.main .feature-biolink,.main .feature-page,.main .feature-profile,.main .feature-site{flex-wrap:wrap}
.main .feature-biolink{flex-direction:column-reverse;}
.feature-biolink .right{padding-left:0;}
.feature-biolink .intro h3{text-align:center;}
.feature-biolink .intro .text{text-align:center}
.feature-page .left{padding-right:0;}
.feature-page .intro h3{text-align:center;}
.feature-page .intro .text{text-align:center}
.main .feature-profile{flex-direction:column-reverse;}
.feature-profile .right{padding-left:0;}
.feature-profile .intro h3{text-align:center;}
.feature-profile .intro .text{text-align:center}
.feature-site .left{padding-right:0;}
.feature-site .intro h3{text-align:center;}
.feature-site .intro .text{text-align:center}
.site-image-pc{left:8%;}
.site-image-app{position:absolute;}
}
@media screen and (max-width:767px){.header .intro h1{font-size:32px}
.header .intro h4{font-size:18px;width:90%;line-height:28px}
.header .right{height:300px}
.main .container{width:96%}
.row .intro h3{font-size:24px;margin-top:20px}
.row .intro .icon img{width:46px}
.row .intro .text{font-size:16px}
.links-animate-img1{left:12%}
.main .easy{padding-top:40px}
.main .customise{padding-top:40px}
.main .traffic{padding-top:40px}
.owl-nav,.spotlight-reviews{width:96%}
.reviews-item{padding:20px 24px;background-image:url(https://bio.linkcdn.to/instabio.cc/static/v2.9/review-bg-m.png)}
.reviews-avatar{width:48px;height:48px;min-width:48px;margin-right:12px}
.reviews-avatar img{width:48px;height:48px}
.reviews-name{font-size:16px}
.reviews-txt{font-size:14px}
.footer .company>.flex{flex-wrap:wrap}
.footer .company .flex35,.footer .company .flex65{width:99%}
.footer .company .flex35{margin-top:12px}
.footer-end{line-height:32px}
.footer-logo{padding-left:40px;background-size:32px;height:32px}
.feature-header{padding-top:40px;}
.feature-header-title{font-size:24px;}
.biolink-animate img{max-height:40px}
}
@media screen and (max-width:600px){
.cases-list{width: 300px;}
.cases-item-info{margin-top: 12px;}
}
@media screen and (max-width:415px){.header{padding-top:28px}
.header-animate div{width:140px;height:24px;font-size:12px;line-height:24px}
.spotlight h1{font-size:24px}
.header-animate img{width:48px;height:48px}
.animate-twitter{left:88.33%;}
.row{min-height:400px;}
.spotlight{min-height:280px;}
.feature-header-title{font-size:20px;}
.feature-site .right{padding-top:60px;}
.site-image-app{left:45%;}
.owl-nav{padding-left:8px}
}
@media screen and (max-width:376px){.navbar{padding:12px 0}
.navbar-brand{padding-left:42px;background-size:36px;height:44px;line-height:44px;font-size:20px;min-width:200px;}
.navbar-toggler{padding:.2rem .45rem;border-radius:.2rem}
.navbar-toggler .bar1,.navbar-toggler .bar2,.navbar-toggler .bar3{width:23px;margin:4px 0}
.header .intro h1{font-size:28px}
.header .intro h4{font-size:16px;line-height:24px}
.header-animate img{width:48px;height:48px}
.intro .download{justify-content:space-between;}
.download .btn{min-width:140px;}
.btn-apple{margin-right:0;}
.main .container{padding:28px 8px 8px}
.row .intro h3{font-size:20px;margin-top:18px}
.row .intro .text{font-size:14px}
.reviews-txt{font-size:12px}
.footer-end{padding:8px 0 12px;font-size:12px}
}
@media screen and (max-width:320px){.navbar{padding:16px 0}
.navbar-brand{padding-left:36px;background-size:36px;height:40px;line-height:40px;font-size:18px}
}
@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}
25%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(3px);transform:translateY(3px)}
}
@keyframes hvr-bob{0%{-webkit-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}
25%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(3px);transform:translateY(3px)}
}
@-moz-keyframes hvr-bob{0%{-webkit-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}
25%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(3px);transform:translateY(3px)}
}
@-webkit-keyframes clusterInGPlus{0%{transform:translate(-50%,-50%) scale(1.2) rotate(0);-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.2) rotate(0);opacity:0}
20%{transform:translate(-50%,-50%) scale(1.2) rotate(0);-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.2) rotate(0);opacity:1;top:100%;left:-80px}
27.5%{transform:translate(-50%,-50%) scale(1.1) rotate(180deg);-webkit-transform:translate(-50%,-50%) scale(1.1) rotate(180deg);-moz-transform:translate(-50%,-50%) scale(1.1) rotate(180deg)}
35%{transform:translate(-50%,-50%) scale(1) rotate(360deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(360deg)}
42.5%{transform:translate(-50%,-50%) scale(.9) rotate(540deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(540deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(540deg)}
50%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:40%}
100%{opacity:0}
}
@keyframes clusterInGPlus{0%{transform:translate(-50%,-50%) scale(1.2) rotate(0);-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.2) rotate(0);opacity:0}
20%{transform:translate(-50%,-50%) scale(1.2) rotate(0);-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.2) rotate(0);opacity:1;top:100%;left:-80px}
27.5%{transform:translate(-50%,-50%) scale(1.1) rotate(180deg);-webkit-transform:translate(-50%,-50%) scale(1.1) rotate(180deg);-moz-transform:translate(-50%,-50%) scale(1.1) rotate(180deg)}
35%{transform:translate(-50%,-50%) scale(1) rotate(360deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(360deg)}
42.5%{transform:translate(-50%,-50%) scale(.9) rotate(540deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(540deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(540deg)}
50%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:40%}
100%{opacity:0}
}
@-moz-keyframes clusterInGPlus{0%{transform:translate(-50%,-50%) scale(1.2) rotate(0);-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.2) rotate(0);opacity:0}
20%{transform:translate(-50%,-50%) scale(1.2) rotate(0);-webkit-transform:translate(-50%,-50%) scale(1.2) rotate(0);-moz-transform:translate(-50%,-50%) scale(1.2) rotate(0);opacity:1;top:100%;left:-80px}
27.5%{transform:translate(-50%,-50%) scale(1.1) rotate(180deg);-webkit-transform:translate(-50%,-50%) scale(1.1) rotate(180deg);-moz-transform:translate(-50%,-50%) scale(1.1) rotate(180deg)}
35%{transform:translate(-50%,-50%) scale(1) rotate(360deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(360deg)}
42.5%{transform:translate(-50%,-50%) scale(.9) rotate(540deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(540deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(540deg)}
50%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:40%}
100%{opacity:0}
}
@-webkit-keyframes clusterInShoplinks{0%{opacity:0}
70%{opacity:1;top:55.2%;left:-200px}
85%{transform:translate(-50%,-50%) scale(1) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(-24deg)}
92.5%{transform:translate(-50%,-50%) scale(.9) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(-24deg)}
100%{transform:translate(-50%,-50%) scale(.8) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(-24deg);opacity:0;top:35%;left:30%}
}
@keyframes clusterInShoplinks{0%{opacity:0}
70%{opacity:1;top:55.2%;left:-200px}
85%{transform:translate(-50%,-50%) scale(1) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(-24deg)}
92.5%{transform:translate(-50%,-50%) scale(.9) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(-24deg)}
100%{transform:translate(-50%,-50%) scale(.8) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(-24deg);opacity:0;top:35%;left:30%}
}
@-moz-keyframes clusterInShoplinks{0%{opacity:0}
70%{opacity:1;top:55.2%;left:-200px}
85%{transform:translate(-50%,-50%) scale(1) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(-24deg)}
92.5%{transform:translate(-50%,-50%) scale(.9) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(-24deg)}
100%{transform:translate(-50%,-50%) scale(.8) rotate(-24deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(-24deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(-24deg);opacity:0;top:35%;left:30%}
}
@-webkit-keyframes clusterInFanslink{0%{opacity:0}
30%{opacity:1;top:100%;left:23.17%}
45%{transform:translate(-50%,-50%) scale(1) rotate(-65deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(-65deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(-65deg)}
52.5%{transform:translate(-50%,-50%) scale(.9) rotate(-60deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(-60deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(-60deg)}
60%{transform:translate(-50%,-50%) scale(.8) rotate(-55deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(-55deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(-55deg);opacity:0;top:40%;left:50%}
100%{opacity:0}
}
@keyframes clusterInFanslink{0%{opacity:0}
30%{opacity:1;top:100%;left:23.17%}
45%{transform:translate(-50%,-50%) scale(1) rotate(-65deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(-65deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(-65deg)}
52.5%{transform:translate(-50%,-50%) scale(.9) rotate(-60deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(-60deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(-60deg)}
60%{transform:translate(-50%,-50%) scale(.8) rotate(-55deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(-55deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(-55deg);opacity:0;top:40%;left:50%}
100%{opacity:0}
}
@-moz-keyframes clusterInFanslink{0%{opacity:0}
30%{opacity:1;top:100%;left:23.17%}
45%{transform:translate(-50%,-50%) scale(1) rotate(-65deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(-65deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(-65deg)}
52.5%{transform:translate(-50%,-50%) scale(.9) rotate(-60deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(-60deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(-60deg)}
60%{transform:translate(-50%,-50%) scale(.8) rotate(-55deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(-55deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(-55deg);opacity:0;top:40%;left:50%}
100%{opacity:0}
}
@-webkit-keyframes clusterInInstabio{0%{opacity:0}
10%{opacity:1;top:100%;left:50%}
17.5%{transform:translate(-50%,40px) scale(1);-webkit-transform:translate(-50%,40px) scale(1);-moz-transform:translate(-50%,40px) scale(1)}
25%{transform:translate(-50%,20px) scale(1);-webkit-transform:translate(-50%,20px) scale(1);-moz-transform:translate(-50%,20px) scale(1)}
32.5%{transform:translate(-50%,-50%) scale(.9);-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9)}
40%{transform:translate(-50%,-50%) scale(.8);-webkit-transform:translate(-50%,-50%) scale(.8);-moz-transform:translate(-50%,-50%) scale(.8);opacity:0;top:45%;left:50%}
100%{opacity:0}
}
@keyframes clusterInInstabio{0%{opacity:0}
10%{opacity:1;top:100%;left:50%}
17.5%{transform:translate(-50%,40px) scale(1);-webkit-transform:translate(-50%,40px) scale(1);-moz-transform:translate(-50%,40px) scale(1)}
25%{transform:translate(-50%,20px) scale(1);-webkit-transform:translate(-50%,20px) scale(1);-moz-transform:translate(-50%,20px) scale(1)}
32.5%{transform:translate(-50%,-50%) scale(.9);-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9)}
40%{transform:translate(-50%,-50%) scale(.8);-webkit-transform:translate(-50%,-50%) scale(.8);-moz-transform:translate(-50%,-50%) scale(.8);opacity:0;top:45%;left:50%}
100%{opacity:0}
}
@-moz-keyframes clusterInInstabio{0%{opacity:0}
10%{opacity:1;top:100%;left:50%}
17.5%{transform:translate(-50%,40px) scale(1);-webkit-transform:translate(-50%,40px) scale(1);-moz-transform:translate(-50%,40px) scale(1)}
25%{transform:translate(-50%,20px) scale(1);-webkit-transform:translate(-50%,20px) scale(1);-moz-transform:translate(-50%,20px) scale(1)}
32.5%{transform:translate(-50%,-50%) scale(.9);-webkit-transform:translate(-50%,-50%) scale(.9);-moz-transform:translate(-50%,-50%) scale(.9)}
40%{transform:translate(-50%,-50%) scale(.8);-webkit-transform:translate(-50%,-50%) scale(.8);-moz-transform:translate(-50%,-50%) scale(.8);opacity:0;top:45%;left:50%}
100%{opacity:0}
}
@-webkit-keyframes clusterInWish{0%{opacity:0}
40%{opacity:1;top:100%;left:51%}
55%{transform:translate(-50%,-50%) scale(1) rotate(180deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(180deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(180deg)}
62.5%{transform:translate(-50%,-50%) scale(.9) rotate(360deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(360deg)}
70%{transform:translate(-50%,-50%) scale(.8) rotate(540deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(540deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(540deg);opacity:0;top:35%;left:50%}
100%{opacity:0}
}
@keyframes clusterInWish{0%{opacity:0}
40%{opacity:1;top:100%;left:51%}
55%{transform:translate(-50%,-50%) scale(1) rotate(180deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(180deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(180deg)}
62.5%{transform:translate(-50%,-50%) scale(.9) rotate(360deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(360deg)}
70%{transform:translate(-50%,-50%) scale(.8) rotate(540deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(540deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(540deg);opacity:0;top:35%;left:50%}
100%{opacity:0}
}
@-moz-keyframes clusterInBL{0%{opacity:0}
50%{opacity:1;top:100%;left:40%;transform:translate(-50%,60px) scale(1);-webkit-transform:translate(-50%,60px) scale(1);-moz-transform:translate(-50%,60px) scale(1)}
57.5%{transform:translate(-50%,0) scale(1) rotate(180deg);-webkit-transform:translate(-50%,0) scale(1) rotate(180deg);-moz-transform:translate(-50%,0) scale(1) rotate(180deg)}
65%{transform:translate(-50%,0) scale(.95) rotate(360deg);-webkit-transform:translate(-50%,0) scale(1) rotate(360deg);-moz-transform:translate(-50%,0) scale(1) rotate(360deg)}
72.5%{transform:translate(-50%,-25%) scale(.9) rotate(540deg);-webkit-transform:translate(-50%,-25%) scale(.9) rotate(540deg);-moz-transform:translate(-50%,-25%) scale(.9) rotate(540deg)}
80%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:50%}
100%{opacity:0}
}
@-webkit-keyframes clusterInSpotify{0%{opacity:0}
60%{transform:translate(50%,50%);-webkit-transform:translate(50%,50%);-moz-transform:translate(50%,50%);opacity:1;top:75%;left:100%}
67.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
75%{transform:translate(-50%,-50%) scale(1) rotate(360deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(360deg)}
82.5%{transform:translate(-50%,-50%) scale(.9) rotate(540deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(540deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(540deg)}
90%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:45%;left:60%}
100%{opacity:0}
}
@keyframes clusterInSpotify{0%{opacity:0}
60%{transform:translate(50%,50%);-webkit-transform:translate(50%,50%);-moz-transform:translate(50%,50%);opacity:1;top:75%;left:100%}
67.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
75%{transform:translate(-50%,-50%) scale(1) rotate(360deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(360deg)}
82.5%{transform:translate(-50%,-50%) scale(.9) rotate(540deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(540deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(540deg)}
90%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:45%;left:60%}
100%{opacity:0}
}
@-moz-keyframes clusterInSpotify{0%{opacity:0}
60%{transform:translate(50%,50%);-webkit-transform:translate(50%,50%);-moz-transform:translate(50%,50%);opacity:1;top:75%;left:100%}
67.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
75%{transform:translate(-50%,-50%) scale(1) rotate(360deg);-webkit-transform:translate(-50%,-50%) scale(1) rotate(360deg);-moz-transform:translate(-50%,-50%) scale(1) rotate(360deg)}
82.5%{transform:translate(-50%,-50%) scale(.9) rotate(540deg);-webkit-transform:translate(-50%,-50%) scale(.9) rotate(540deg);-moz-transform:translate(-50%,-50%) scale(.9) rotate(540deg)}
90%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:45%;left:60%}
100%{opacity:0}
}
@-webkit-keyframes clusterInShopee{0%{opacity:0}
70%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:100%;left:92%}
77.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
85%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
92.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
100%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:60%}
}
@keyframes clusterInShopee{0%{opacity:0}
70%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:100%;left:92%}
77.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
85%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
92.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
100%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:60%}
}
@-moz-keyframes clusterInShopee{0%{opacity:0}
70%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:100%;left:92%}
77.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
85%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
92.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
100%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:60%}
}
@-webkit-keyframes clusterInMusic{0%{opacity:0}
0%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:50%;left:100%}
7.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
15%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
22.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
30%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:50%}
100%{opacity:0}
}
@keyframes clusterInMusic{0%{opacity:0}
0%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:50%;left:100%}
7.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
15%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
22.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
30%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:50%}
100%{opacity:0}
}
@-moz-keyframes clusterInMusic{0%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:50%;left:100%}
7.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
15%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
22.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
30%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:50%}
100%{opacity:0}
}
@-webkit-keyframes clusterIn37{0%{opacity:0}
20%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:100%;left:100%}
27.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
35%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
42.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
50%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:50%}
100%{opacity:0}
}
@keyframes clusterIn37{0%{opacity:0}
20%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:100%;left:100%}
27.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
35%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
42.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
50%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:50%}
100%{opacity:0}
}
@-moz-keyframes clusterIn37{0%{opacity:0}
20%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:100%;left:100%}
27.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
35%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
42.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg)}
50%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:50%}
100%{opacity:0}
}
@keyframes clusterInSnapdeal{0%{opacity:0}
15%{transform:translate(-50%,50%) scale(1) rotate(0);-webkit-transform:translate(-50%,50%) scale(1) rotate(0);-moz-transform:translate(-50%,50%) scale(1) rotate(0);opacity:1;top:60%;left:-60px}
22.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
30%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
37.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
45%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:35%}
100%{opacity:0}
}
@-webkit-keyframes clusterInSnapdeal{0%{opacity:0}
15%{transform:translate(-50%,50%) scale(1) rotate(0);-webkit-transform:translate(-50%,50%) scale(1) rotate(0);-moz-transform:translate(-50%,50%) scale(1) rotate(0);opacity:1;top:60%;left:-60px}
22.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
30%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
37.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
45%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:35%}
100%{opacity:0}
}
@keyframes clusterInLazada{0%{opacity:0}
25%{transform:translate(-50%,50%) scale(1) rotate(0);-webkit-transform:translate(-50%,50%) scale(1) rotate(0);-moz-transform:translate(-50%,50%) scale(1) rotate(0);opacity:1;top:60%;left:-60px}
32.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
40%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
47.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
55%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:45%;left:35%}
100%{opacity:0}
}
@-webkit-keyframes clusterInLazada{0%{opacity:0}
25%{transform:translate(-50%,50%) scale(1) rotate(0);-webkit-transform:translate(-50%,50%) scale(1) rotate(0);-moz-transform:translate(-50%,50%) scale(1) rotate(0);opacity:1;top:60%;left:-60px}
32.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
40%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
47.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
55%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:45%;left:35%}
100%{opacity:0}
}
@keyframes clusterInOfferup{0%{opacity:0}
35%{transform:translate(-50%,50%) scale(1) rotate(0);-webkit-transform:translate(-50%,50%) scale(1) rotate(0);-moz-transform:translate(-50%,50%) scale(1) rotate(0);opacity:1;top:100%;left:-60px}
42.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
50%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
57.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
65%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:40%}
100%{opacity:0}
}
@-webkit-keyframes clusterInOfferup{0%{opacity:0}
35%{transform:translate(-50%,50%) scale(1) rotate(0);-webkit-transform:translate(-50%,50%) scale(1) rotate(0);-moz-transform:translate(-50%,50%) scale(1) rotate(0);opacity:1;top:100%;left:-60px}
42.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
50%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
57.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
65%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:40%}
100%{opacity:0}
}
@keyframes clusterInTidal{0%{opacity:0}
45%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:15%}
52.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
60%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
67.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
75%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:45%}
100%{opacity:0}
}
@-webkit-keyframes clusterInTidal{0%{opacity:0}
45%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:15%}
52.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
60%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
67.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
75%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:45%}
100%{opacity:0}
}
@keyframes clusterInEmail{0%{opacity:0}
55%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:30%}
62.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
70%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
77.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
85%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:50%}
100%{opacity:0}
}
@-webkit-keyframes clusterInEmail{0%{opacity:0}
55%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:30%}
62.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
70%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
77.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
85%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:50%}
100%{opacity:0}
}
@keyframes clusterInYandex{0%{opacity:0}
55%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:70%}
62.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
70%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
77.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
85%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:50%}
100%{opacity:0}
}
@-webkit-keyframes clusterInYandex{0%{opacity:0}
55%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:70%}
62.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
70%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
77.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
85%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:50%}
100%{opacity:0}
}
@keyframes clusterInVimeo{0%{opacity:0}
45%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:85%}
52.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
60%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
67.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
75%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:55%}
100%{opacity:0}
}
@-webkit-keyframes clusterInVimeo{0%{opacity:0}
45%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:85%}
52.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
60%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
67.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
75%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:40%;left:55%}
100%{opacity:0}
}
@keyframes clusterInWebsite{0%{opacity:0}
35%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:100%}
42.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
50%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
57.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
65%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:45%;left:60%}
100%{opacity:0}
}
@-webkit-keyframes clusterInWebsite{0%{opacity:0}
35%{transform:translate(0,50%) scale(1) rotate(0);-webkit-transform:translate(0,50%) scale(1) rotate(0);-moz-transform:translate(0,50%) scale(1) rotate(0);opacity:1;top:100%;left:100%}
42.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
50%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
57.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
65%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:45%;left:60%}
100%{opacity:0}
}
@keyframes clusterInDeezer{0%{opacity:0}
25%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:80%;left:100%}
32.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
40%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
47.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
55%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:60%}
100%{opacity:0}
}
@-webkit-keyframes clusterInDeezer{0%{opacity:0}
25%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:80%;left:100%}
32.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
40%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
47.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
55%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:60%}
100%{opacity:0}
}
@keyframes clusterInFlipkart{0%{opacity:0}
25%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:60%;left:100%}
22.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
30%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
37.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
45%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:60%}
100%{opacity:0}
}
@-webkit-keyframes clusterInFlipkart{0%{opacity:0}
25%{transform:translate(50%,50%) scale(1) rotate(0);-webkit-transform:translate(50%,50%) scale(1) rotate(0);-moz-transform:translate(50%,50%) scale(1) rotate(0);opacity:1;top:60%;left:100%}
22.5%{transform:translate(0,0) scale(1) rotate(180deg);-webkit-transform:translate(0,0) scale(1) rotate(180deg);-moz-transform:translate(0,0) scale(1) rotate(180deg)}
30%{transform:translate(-20%,-20%) scale(1) rotate(360deg);-webkit-transform:translate(-20%,-20%) scale(1) rotate(360deg);-moz-transform:translate(-20%,-20%) scale(1) rotate(360deg)}
37.5%{transform:translate(-40%,-40%) scale(.9) rotate(540deg);-webkit-transform:translate(-40%,-40%) scale(.9) rotate(540deg);-moz-transform:translate(-40%,-40%) scale(.9) rotate(540deg);opacity:.4}
45%{transform:translate(-50%,-50%) scale(.8) rotate(720deg);-webkit-transform:translate(-50%,-50%) scale(.8) rotate(720deg);-moz-transform:translate(-50%,-50%) scale(.8) rotate(720deg);opacity:0;top:35%;left:60%}
100%{opacity:0}
}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
25%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
100%{opacity:1}
}
@-moz-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
25%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
100%{opacity:1}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
25%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
100%{opacity:1}
}
.links-zoomIn{opacity:0;-webkit-animation-name:zoomIn;animation-name:zoomIn;animation-duration:8s;-webkit-animation-duration:8s;-moz-animation-duration:8s;animation-delay:2s;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
@-webkit-keyframes zoomIn1{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
25%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
100%{opacity:1}
}
@keyframes zoomIn1{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
25%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
100%{opacity:1}
}
.links-zoomIn1{opacity:0;-webkit-animation-name:zoomIn1;animation-name:zoomIn1;animation-duration:8s;-webkit-animation-duration:8s;-moz-animation-duration:8s;animation-delay:2s;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
@keyframes dotAnim{0%{stroke-dashoffset:100%}
100%{stroke-dashoffset:0}
}
@-webkit-keyframes dotAnim{0%{stroke-dashoffset:100%}
100%{stroke-dashoffset:0}
}
@-moz-keyframes dotAnim{0%{stroke-dashoffset:100%}
100%{stroke-dashoffset:0}
}
.customise-image-bg img{-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
.fadeInOut{-webkit-animation-name:fadeInOut;animation-name:fadeInOut}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@-webkit-keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeInOut{from{opacity:0}
12.5%{opacity:1}
25%{opacity:1}
37.5%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes fadeInOut{from{opacity:0}
12.5%{opacity:1}
25%{opacity:1}
37.5%{opacity:0}
100%{opacity:0}
}
@keyframes trafficFadeInCripples{0%{opacity:0;transform:scale(1)}
1%{opacity:1;transform:scale(1)}
11%{transform:scale(1.4);opacity:.8}
12%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes trafficFadeInCripples{0%{opacity:0;transform:scale(1)}
1%{opacity:1;transform:scale(1)}
11%{transform:scale(1.4);opacity:.8}
12%{opacity:0}
100%{opacity:0}
}
@keyframes trafficCripples{0%{transform:scale(1);opacity:0}
10%{transform:scale(1);opacity:.8}
20%{transform:scale(1.4);opacity:.5}
21%{opacity:0}
100%{opacity:0}
}
@keyframes trafficZoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
30%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
80%{opacity:1}
81%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes trafficZoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
30%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
80%{opacity:1}
81%{opacity:0}
100%{opacity:0}
}
.traffic-zoomIn{opacity:0;-webkit-animation-name:trafficZoomIn;animation-name:trafficZoomIn;animation-duration:5s;-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
@keyframes navShow{from{height:0;opacity:0;}40%{opacity:1;} 100%{height:200px;opacity:1;}}
@-webkit-keyframes navShow{from{height:0;opacity:0;}40%{opacity:1;} 100%{height:200px;opacity:1;}}
.show .navbar-nav{-webkit-animation-name:navShow;animation-name:navShow;animation-duration:.6s;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;}