/* article details */
.article-details {clear: both;margin: 10px 0; color:var(--white);}
.article-details h1 {font-size: 36px;font-weight:bold;}
.article-details p.slug {font-size: 22px;}
.author p{color:#ddd;font-size: 14px !important;margin-bottom: 25px;}
.author p a {color: var(--pink);font-weight: 600;}
.author p a:hover {color: var(--white);}
.social-share a {display: inline-block;margin: 3px;}
.social-share a:hover {opacity: 0.9;}
.article-details p {font-size: 18px;}
.adsVdoBox {background: #222222;display: flex;align-items: center;justify-content: center;padding: 15px;margin: 15px auto;}
.article-details .articleTaboola {display: flex;align-items: center;justify-content: center;margin: 20px 0;}
.article-details .videoBox {background: #000;display: flex;align-items: center;justify-content: center;padding:50px 70px;}
.promoVideo { position: relative; overflow: hidden; width: 100%; padding-top: 56.25% }
.responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% }
.article-details .caption {text-align: right;padding: 5px 0;color: #fff;font-size: 12px;} 
.stayTune p {font-size: 18px;}
.tags {border-top: 1px solid #777;border-bottom: 1px solid #777;padding: 10px 0;vertical-align: middle; white-space: nowrap;  overflow-x: auto;}
.tags .tag {border:1px solid #777;display: inline-block;padding: 5px 10px;margin: 5px;color: #fff;font-size: 12px;margin-left: 10px;margin-right: 0;color: #ccc;vertical-align: middle;}
.tags a:hover {color: #fff;border: 1px solid #ccc;}
 
 /*subscribe now in bottom starts*/
 :root {--color-1: rgba(0, 0, 0, 0.1);--color-3: rgba(0, 0, 0, 0.3);
    --color-4: rgba(0, 0, 0, 0.4);    --color-6: rgba(0, 0, 0, 0.6);
    --color-5: rgba(0, 0, 0, 0.5);    --gray-bg: #f8f8f8;--blue:#470093;
    --color-2: rgba(0, 0, 0, 0.2);}
 .subscribe-now-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;overflow:hidden;margin-top:15px;margin-bottom: 15px;background: #fff;}
 .subscribe-now-bottom .subscribe-logo{width:auto;padding-left:15px;text-align:center}
 .subscribe-now-bottom img{display:inline-block}
 .subscribe-now-bottom .text{width:auto;padding:5px 10px;border-left:1px solid var(--color-1);margin:5px 0}
 .subscribe-popup .thanks-u p,
 .subscribe-now-bottom .text p{font-size:16px;line-height:1.3;font-weight:400;color:#fff;padding:0;padding-left: 15px;}
 .subscribe-popup .thanks-u p span,
 .subscribe-now-bottom .text p span{color:#fff;padding-top:5px;display: block;font-weight: 700;}
 .subscribe-popup .thanks-u p span {color: #27ae2e;margin-top: 10px;display: block;}
 .subscribe-now-bottom .btn-col{width:auto;padding-top: 30px;padding-left: 15px;}
 .subscribe-popup .thanks-u .subscribe-btn-thanks,
 .subscribe-popup .subscribe-btn, .subscribe-popup .subscribe-btn-popup,
 .subscribe-now-bottom .btn-col .btn{min-width:160px;font-size:18px;border:0;border-radius:0px;padding:10px 0;color:var(--white);font-weight:600;text-transform:none;background:#5F00C6;margin-left: 15px;}
 .subscribe-popup .thanks-u .subscribe-btn-thanks:hover,
 .subscribe-popup .subscribe-btn:hover,.subscribe-popup .subscribe-btn-popup:hover,
 .subscribe-now-bottom .btn-col .btn:hover{background:#f32c89;background:-moz-linear-gradient(top,#f32c89 0%, #a617be 100%);background:-webkit-linear-gradient(top,#f32c89 0%, #a617be 100%);background:linear-gradient(to bottom,#f32c89 0%, #a617be 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a617be', endColorstr='#f32c89',GradientType=0 );border:0}
 .subscribe-now-bottom .envelope{width:auto;margin-top:3px;border-radius:0 10px 0 0;position: absolute;bottom: 0;right: 0;}

 .subscribe-popup{position:fixed;left:0;top:0;right:0;bottom:0;background-color:var(--color-4);z-index:999999;display:none;padding:10px}
 .subscribe-popup.active{display:block!important;opacity:1}
 .subscribe-popup .white-box{position:relative;z-index:90;margin:0 auto;max-width:450px;padding:15px;box-shadow:0 0 6px var(--color-1);background-color:var(--gray-bg);border-radius:10px;top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);}
 .subscribe-popup .subscribe-form{position:relative; z-index: 5}
 .subscribe-popup h2.border-heading{margin-top: 0}
 .subscribe-popup .border-heading {
     padding: 0 0 8px 15px; margin: 20px 0 10px; text-transform: none; clear: both;font-size:22px;font-weight: 600; position: relative;
     color: var(--black); border-bottom: 1px solid rgba(0,0,0, 0.2); display: flex;padding-bottom: 17px; padding-top: 5px; justify-content: space-between; align-items: center;
 }
 .subscribe-popup .border-heading:before {
     content: ''; background: #f32c89; width: 4px; height: 22px; position: absolute; left: 0; top: 3px;
 }
 .subscribe-popup h2.border-heading:before{top:5px!important}
 .subscribe-popup p{font-size:16px;line-height:1.4;padding:5px 0 20px;color: var(--black);}
 .subscribe-popup input[type="text"],
 .subscribe-popup input[type="email"]{padding:10px 15px;border-radius:5px;font-size:16px;line-height:1.4;width: 100%;border:1px solid #999}
 .subscribe-popup input + input{margin-top:20px}
 .subscribe-popup .envelope{position:absolute;right:0px;bottom:0px; opacity:.2}
 .subscribe-close{position:absolute;right:0px;top:0px;cursor:pointer;cursor:pointer;z-index:5;width:30px;height:30px;display:inline-block; background-color:var(--color-05); border-radius:0 0 0 10px;border:1px solid #999}
 .subscribe-close:before, 
 .subscribe-close:after{content:'';height:2px;width:14px;display:block;background:var(--color-6);position:absolute;top:13px;left:8px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);border:0}
 .subscribe-close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
 .subscribe-popup .thanks-u{text-align: center}
 .subscribe-popup .thanks-u .subscribe-btn-thanks{color:#ffc343!important; margin-top: 15px; text-transform: uppercase; padding:10px 15px}
 .subscribe-popup .thanks-u .subscribe-btn-thanks img{vertical-align: middle; margin-right: 5px; display: inline-block}
 .subscribe-popup .thanks-u .subscribe-btn-thanks:hover{color:var(--white)!important;}

 .rightBg {background: var(--pink);width: calc(100% - 220px); display: flex;color: #fff;position: relative;}
 .subscribe-logo {width: 200px;}
 .rightBg:before {content: '';position: absolute;left: -11px;
    border: 11px solid var(--pink); height: 100px; transform: skew(-11deg);
} 
.two-cols-aside .aside {position: relative;}
 
 /*subscribe now in bottom ends*/
.newsBox {margin: 15px auto;clear: both;margin-top: 30px;}
.newsBox .newsList {margin-top:25px;}
.newsList article.repeat-box .text h3{font-size: 14px;font-weight: 600;}
.newsList article.repeat-box + article.repeat-box {border-top: 1px solid #555;padding-top: 15px;margin-bottom: 15px;margin-top: 15px;}
.newsList article.repeat-box  a:hover {color:#ddd;}
.trendingBox {background: var(--blue);padding:40px 15px;padding-top:10px;position: relative;height: 235px;margin:20px auto;}
.trendingBox article.repeat-box .text h4 {font-size: 18px;font-weight: 600;color: var(--white);white-space: normal;
    overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 5;  display: -webkit-box; -webkit-box-orient: vertical;
}
.trendingBox article.repeat-box a:hover .text h4 {color:#b8d6ff;}
.trendingBox .splide__arrows {width:54px;position: absolute;right: 0;top:-27px;border-radius: 50px;}
.trendingBox .splide__arrow:disabled {opacity: 0.5;}
.trendingBox .splide__arrow--prev, .trendingBox .splide__arrow--next {background: var(--white);width: 22px;height: 22px;border-radius: 50px;}
.trendingBox .splide__pagination {bottom: -25px;}
.trendingBox .splide__arrow:before {width: 8px;height: 8px;}
.trendingBox .splide__arrow--prev:before {right: -2px;}
.trendingBox .splide__arrow--next:before {right: 2px;}
.aside .newsList .lazy-image {aspect-ratio: 4/3;} 
.trendingBox h3 {font-size: 24px;font-weight: normal;margin-bottom: 15px;margin-top: 10px;}
.trendingBox .splide__arrow:before {
    display: inline-block; content: ""; margin: 0px; border: solid var(--black);
    border-width: 0 2px 2px 0;     
}
.trendingBox .splide__pagination__page {width: 7px;height: 7px;}
.trendingBox  .cam-icon {min-width:25px; height:24px; z-index: 50;position: absolute;
    right:8px;bottom:8px;background:rgba(0, 0, 0, 0.7); overflow: hidden; display: flex !important;justify-content: center; flex-wrap: wrap; align-items: center;
}
.trendingBox .cam-icon img {height: 12px;min-width: inherit;
    position: static;width: 12px;  object-fit: inherit;}
.trendingBox  .cam-icon  small {font-size: 13px;padding-right: 5px;padding-top: 3px; 
    color: var(--white);
}
/* article details end */
/* photo gallery */
.zoomShare {position: absolute;right:20px;top:25px;z-index: 999;transition: 2s;}
.zoomShare .shareIco {display: inline-block;margin-left:7px;width: 35px;height: 35px;margin-right: 5px;}
.zoomShare .zoomIco {display: inline-block;width:35px;height: 35px;}
.zoomShare img {position: relative !important;}
.shareBox {position: absolute;right:77px;bottom:0px;z-index: 99;background: #333;padding:5px;width: 103px;height: 35px;} 
.shareBox li a img {width:25px !important;}
.shareBox li {margin:0px 2px; display: inline-block;}
.nextTitle {background: transparent linear-gradient(90deg, #FF2493 20%, #7B00FF 80%);
    color: transparent;text-align: center;font-size: 24px !important;
    font-weight: bold; background-clip: text;text-transform: uppercase;
    display: block;position: relative;
} 
.nextGallery span.downArrow { display: flex; align-items: center; justify-content: center;
     margin-top: -80px;
}
.combinedslots {margin: 0 auto; display: flex; align-items: center;  justify-content: center;}
.combinedcodes {margin: 10px; text-align: center;}
.heading .pr-b {margin-left: -4px;}
.nextTitle:after {content: '';border:2px solid #7B00FF; width:31%;position: absolute;right: 0;top:16px;z-index: 9;}
.nextTitle:before {content: '';border:2px solid #FF2493; width:31%;position: absolute;left: 0;top:16px;z-index: 9;}
.share-triger.active { background: var(--purple); width: 35px; height: 35px; z-index: 999; position: relative; }
.share-triger.active img { display: none; }
.share-triger.active:before, .share-triger.active:after { content: ''; height: 1px; width: 19px; display: block; background: var(--white); position: absolute; top: 17px; left: 8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); border: 0; }
.share-triger.active:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
/* photo gallery popup */
.vbox-overlay{--vbox-tools-color:#fff;--vbox-title-background:#101010;--vbox-title-width:'auto';--vbox-title-radius:0;--vbox-share-background:#101010;--vbox-share-width:'auto';--vbox-share-radius:0;--vbox-padding:0;--vbox-max-width:100%}
.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}
.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}
.vbox-share,.vbox-title{line-height:1;position:fixed;z-index:98;text-align:center;margin:0 auto;color:var(--vbox-tools-color)}
.vbox-title{font-size:12px;background:#0F0F0F;padding:12px 54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.vbox-share{font-size:24px;padding:0 .35em;background-color:var(--vbox-share-background);width:var(--vbox-share-width);border-radius:var(--vbox-share-radius)}
.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover{border:none!important;background:0 0!important;box-shadow:none!important;color:inherit!important;padding:6px 12px;outline:0;display:inline-block;cursor:pointer}
.vbox-share a{color:inherit!important;padding:6px 12px;display:inline-block}
.vbox-share svg{z-index:10;vertical-align:middle}
.vbox-close{cursor:pointer;position:fixed;top:5px;right:10px;z-index:99;padding:6px 15px;color:#000;color:var(--vbox-tools-color);border:0;font-size:24px;display:flex;align-items:center;opacity:.8;transition:opacity .2s}
.vbox-close:hover{opacity:1}
.vbox-left-corner{cursor:pointer;position:fixed;left:0;top:0;overflow:hidden;line-height:1;font-size:12px;z-index:99;display:flex;align-items:center;color:var(--vbox-tools-color)}
.popUp-pic {display: none;}
.vbox-num{display:inline-block;padding:12px 15px;font-size: 18px;}
.vbox-left{left:0}
.vbox-right{right:0}
.vbox-top{top:0;left: 0;}
.vbox-bottom{bottom:0}
.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99;opacity:1;transition:opacity .2s;background: #fff;border-radius: 100px;}
.vbox-next:hover,.vbox-prev:hover{opacity:1}
.vbox-next span,.vbox-prev span{position:relative;width:15px;height:15px;border:2px solid transparent;border-top-color:#000;border-right-color:#000;text-indent:-100px;position:absolute;top:15px;display:block}
.vbox-prev{left:14%}
.vbox-next{right:14%}
.vbox-prev span{left:18px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:18px}
.vbox-open{overflow:hidden}
.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%;padding:10px 0;background: #0F0F0F;}
.vbox-content{opacity:0;text-align:center;width:100%;position:relative;overflow:hidden;padding:0 4%;display:flex;align-items:center;justify-content:center;min-height:100%;background: #0F0F0F;}
.vbox-container img{max-width:100%;height:auto}
.vbox-child{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:var(--vbox-max-width);text-align:initial;padding:var(--vbox-padding)}
.vbox-child img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;display:block}
.vbox-fit .vbox-child img,.vbox-fit .vbox-child.venoratio{max-height:calc(100vh - 60px)}
.vbox-inline,.venoratio{position:relative;width:100%;margin:0 auto}
.venoratio::before{display:block;padding-top:var(--vb-aspect-ratio);content:""}
.venoratio>*{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--vbox-padding)}
.venoratio-1x1{--vb-aspect-ratio:100%;max-width:calc(min(var(--vbox-max-width),(100vh - 60px)))}
.venoratio-4x3.vbox-child.venoratio{--vb-aspect-ratio:calc(3 / 4 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 4 / 3))}
.venoratio-16x9.vbox-child.venoratio{--vb-aspect-ratio:calc(9 / 16 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 16 / 9))}
.venoratio-21x9.vbox-child.venoratio{--vb-aspect-ratio:calc(9 / 21 * 100%);max-width:calc(min(var(--vbox-max-width),(100vh - 60px) * 21 / 9))}
.venoratio-full{--vb-aspect-ratio:calc(100vh - 60px)}
.vbox-grab .vbox-child img{cursor:grab}
.vbox-child>iframe{border:none!important}
.vbox-content.swipe-left{margin-left:-200px!important}
.vbox-content.swipe-right{margin-left:200px!important}
.vbox-preloader{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.vbox-preloader .vbox-preloader-inner{opacity:1;transition:opacity .2s}
.vbox-hidden{display:block;opacity: 0.5;}
.vbox-preloader.vbox-hidden .vbox-preloader-inner{opacity:0}
.vbox-backdrop{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translateZ(-1px);-moz-transform:translateZ(-1px);-o-transform:translateZ(-1px);transform:translateZ(-1px);z-index:0}
.vbox-tooltip{position:relative;display:inline-block}
.vbox-tooltip .vbox-tooltip-text{visibility:hidden;color:#fff;text-align:center;padding:0;position:absolute;z-index:1;bottom:100%;left:0;opacity:0;transition:opacity .3s;margin-bottom:2px;font-family:sans-serif}
.vbox-top .vbox-tooltip .vbox-tooltip-text{bottom:auto;top:100%;margin-bottom:0;margin-top:2px}
.vbox-tooltip-inner{padding:5px 10px;background-color:rgba(0,0,0,.9);border-radius:6px;font-size:10px}
.vbox-tooltip:hover .vbox-tooltip-text{visibility:visible;opacity:1}
.vbox-overlay{--sk-size:40px;--sk-color:#333}
.sk-center{margin:auto}
.sk-plane{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);animation:sk-plane 1.2s infinite ease-in-out}
@keyframes sk-plane{
0%{transform:perspective(120px) rotateX(0) rotateY(0)}
50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
.sk-chase{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-chase 2.5s infinite linear both}
.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}
.sk-chase-dot:before{content:'';display:block;width:25%;height:25%;background-color:var(--sk-color);border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}
.sk-chase-dot:nth-child(1){animation-delay:-1.1s}
.sk-chase-dot:nth-child(2){animation-delay:-1s}
.sk-chase-dot:nth-child(3){animation-delay:-.9s}
.sk-chase-dot:nth-child(4){animation-delay:-.8s}
.sk-chase-dot:nth-child(5){animation-delay:-.7s}
.sk-chase-dot:nth-child(6){animation-delay:-.6s}
.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-chase-dot:nth-child(2):before{animation-delay:-1s}
.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}
.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}
.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}
.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}
@keyframes sk-chase{
100%{transform:rotate(360deg)}
}
@keyframes sk-chase-dot{
100%,80%{transform:rotate(360deg)}
}
@keyframes sk-chase-dot-before{
50%{transform:scale(.4)}
0%,100%{transform:scale(1)}
}
.sk-bounce{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-bounce-dot{width:100%;height:100%;border-radius:50%;background-color:var(--sk-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)}
.sk-bounce-dot:nth-child(2){animation-delay:-1s}
@keyframes sk-bounce{
0%,100%{transform:scale(0)}
45%,55%{transform:scale(1)}
}
.sk-wave{width:var(--sk-size);height:var(--sk-size);display:flex;justify-content:space-between}
.sk-wave-rect{background-color:var(--sk-color);height:100%;width:15%;animation:sk-wave 1.2s infinite ease-in-out}
.sk-wave-rect:nth-child(1){animation-delay:-1.2s}
.sk-wave-rect:nth-child(2){animation-delay:-1.1s}
.sk-wave-rect:nth-child(3){animation-delay:-1s}
.sk-wave-rect:nth-child(4){animation-delay:-.9s}
.sk-wave-rect:nth-child(5){animation-delay:-.8s}
@keyframes sk-wave{
0%,100%,40%{transform:scaleY(.4)}
20%{transform:scaleY(1)}
}
.sk-pulse{width:var(--sk-size);height:var(--sk-size);background-color:var(--sk-color);border-radius:100%;animation:sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)}
@keyframes sk-pulse{
0%{transform:scale(0)}
100%{transform:scale(1);opacity:0}
}
.sk-flow{width:calc(var(--sk-size) * 1.3);height:calc(var(--sk-size) * 1.3);display:flex;justify-content:space-between}
.sk-flow-dot{width:25%;height:25%;background-color:var(--sk-color);border-radius:50%;animation:sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both}
.sk-flow-dot:nth-child(1){animation-delay:-.3s}
.sk-flow-dot:nth-child(2){animation-delay:-.15s}
@keyframes sk-flow{
0%,100%,80%{transform:scale(.3)}
40%{transform:scale(1)}
}
.sk-swing{width:var(--sk-size);height:var(--sk-size);position:relative;animation:sk-swing 1.8s infinite linear}
.sk-swing-dot{width:45%;height:45%;position:absolute;top:0;left:0;right:0;margin:auto;background-color:var(--sk-color);border-radius:100%;animation:sk-swing-dot 2s infinite ease-in-out}
.sk-swing-dot:nth-child(2){top:auto;bottom:0;animation-delay:-1s}
@keyframes sk-swing{
100%{transform:rotate(360deg)}
}
@keyframes sk-swing-dot{
0%,100%{transform:scale(.2)}
50%{transform:scale(1)}
}
.sk-circle{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-circle-dot{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle 1.2s infinite ease-in-out both}
.sk-circle-dot:nth-child(1){transform:rotate(30deg)}
.sk-circle-dot:nth-child(2){transform:rotate(60deg)}
.sk-circle-dot:nth-child(3){transform:rotate(90deg)}
.sk-circle-dot:nth-child(4){transform:rotate(120deg)}
.sk-circle-dot:nth-child(5){transform:rotate(150deg)}
.sk-circle-dot:nth-child(6){transform:rotate(180deg)}
.sk-circle-dot:nth-child(7){transform:rotate(210deg)}
.sk-circle-dot:nth-child(8){transform:rotate(240deg)}
.sk-circle-dot:nth-child(9){transform:rotate(270deg)}
.sk-circle-dot:nth-child(10){transform:rotate(300deg)}
.sk-circle-dot:nth-child(11){transform:rotate(330deg)}
.sk-circle-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-circle-dot:nth-child(2):before{animation-delay:-1s}
.sk-circle-dot:nth-child(3):before{animation-delay:-.9s}
.sk-circle-dot:nth-child(4):before{animation-delay:-.8s}
.sk-circle-dot:nth-child(5):before{animation-delay:-.7s}
.sk-circle-dot:nth-child(6):before{animation-delay:-.6s}
.sk-circle-dot:nth-child(7):before{animation-delay:-.5s}
.sk-circle-dot:nth-child(8):before{animation-delay:-.4s}
.sk-circle-dot:nth-child(9):before{animation-delay:-.3s}
.sk-circle-dot:nth-child(10):before{animation-delay:-.2s}
.sk-circle-dot:nth-child(11):before{animation-delay:-.1s}
@keyframes sk-circle{
0%,100%,80%{transform:scale(0)}
40%{transform:scale(1)}
}
.sk-circle-fade{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-circle-fade-dot{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle-fade-dot:before{content:'';display:block;width:15%;height:15%;background-color:var(--sk-color);border-radius:100%;animation:sk-circle-fade 1.2s infinite ease-in-out both}
.sk-circle-fade-dot:nth-child(1){transform:rotate(30deg)}
.sk-circle-fade-dot:nth-child(2){transform:rotate(60deg)}
.sk-circle-fade-dot:nth-child(3){transform:rotate(90deg)}
.sk-circle-fade-dot:nth-child(4){transform:rotate(120deg)}
.sk-circle-fade-dot:nth-child(5){transform:rotate(150deg)}
.sk-circle-fade-dot:nth-child(6){transform:rotate(180deg)}
.sk-circle-fade-dot:nth-child(7){transform:rotate(210deg)}
.sk-circle-fade-dot:nth-child(8){transform:rotate(240deg)}
.sk-circle-fade-dot:nth-child(9){transform:rotate(270deg)}
.sk-circle-fade-dot:nth-child(10){transform:rotate(300deg)}
.sk-circle-fade-dot:nth-child(11){transform:rotate(330deg)}
.sk-circle-fade-dot:nth-child(1):before{animation-delay:-1.1s}
.sk-circle-fade-dot:nth-child(2):before{animation-delay:-1s}
.sk-circle-fade-dot:nth-child(3):before{animation-delay:-.9s}
.sk-circle-fade-dot:nth-child(4):before{animation-delay:-.8s}
.sk-circle-fade-dot:nth-child(5):before{animation-delay:-.7s}
.sk-circle-fade-dot:nth-child(6):before{animation-delay:-.6s}
.sk-circle-fade-dot:nth-child(7):before{animation-delay:-.5s}
.sk-circle-fade-dot:nth-child(8):before{animation-delay:-.4s}
.sk-circle-fade-dot:nth-child(9):before{animation-delay:-.3s}
.sk-circle-fade-dot:nth-child(10):before{animation-delay:-.2s}
.sk-circle-fade-dot:nth-child(11):before{animation-delay:-.1s}
@keyframes sk-circle-fade{
0%,100%,39%{opacity:0;transform:scale(.6)}
40%{opacity:1;transform:scale(1)}
}
.sk-grid{width:var(--sk-size);height:var(--sk-size)}
.sk-grid-cube{width:33.33%;height:33.33%;background-color:var(--sk-color);float:left;animation:sk-grid 1.3s infinite ease-in-out}
.sk-grid-cube:nth-child(1){animation-delay:.2s}
.sk-grid-cube:nth-child(2){animation-delay:.3s}
.sk-grid-cube:nth-child(3){animation-delay:.4s}
.sk-grid-cube:nth-child(4){animation-delay:.1s}
.sk-grid-cube:nth-child(5){animation-delay:.2s}
.sk-grid-cube:nth-child(6){animation-delay:.3s}
.sk-grid-cube:nth-child(7){animation-delay:0s}
.sk-grid-cube:nth-child(8){animation-delay:.1s}
.sk-grid-cube:nth-child(9){animation-delay:.2s}
@keyframes sk-grid{
0%,100%,70%{transform:scale3D(1,1,1)}
35%{transform:scale3D(0,0,1)}
}
.sk-fold{width:var(--sk-size);height:var(--sk-size);position:relative;transform:rotateZ(45deg)}
.sk-fold-cube{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}
.sk-fold-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--sk-color);animation:sk-fold 2.4s infinite linear both;transform-origin:100% 100%}
.sk-fold-cube:nth-child(2){transform:scale(1.1) rotateZ(90deg)}
.sk-fold-cube:nth-child(4){transform:scale(1.1) rotateZ(180deg)}
.sk-fold-cube:nth-child(3){transform:scale(1.1) rotateZ(270deg)}
.sk-fold-cube:nth-child(2):before{animation-delay:.3s}
.sk-fold-cube:nth-child(4):before{animation-delay:.6s}
.sk-fold-cube:nth-child(3):before{animation-delay:.9s}
@keyframes sk-fold{
0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{transform:perspective(140px) rotateY(180deg);opacity:0}
}
.sk-wander{width:var(--sk-size);height:var(--sk-size);position:relative}
.sk-wander-cube{background-color:var(--sk-color);width:20%;height:20%;position:absolute;top:0;left:0;--sk-wander-distance:calc(var(--sk-size) * 0.75);animation:sk-wander 2s ease-in-out -2s infinite both}
.sk-wander-cube:nth-child(2){animation-delay:-.5s}
.sk-wander-cube:nth-child(3){animation-delay:-1s}
@keyframes sk-wander{
0%{transform:rotate(0)}
25%{transform:translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)}
50%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)}
50.1%{transform:translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)}
75%{transform:translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)}
100%{transform:rotate(-360deg)}
}