.ms-jenga{opacity:0;padding-bottom:40px;-webkit-transition:opacity .3s;transition:opacity .3s}.ms-jenga.ms-loaded{opacity:1}.metaslider.ms-theme-jenga *{-webkit-box-sizing:border-box;box-sizing:border-box}.metaslider.ms-theme-jenga *::before{-webkit-box-sizing:border-box;box-sizing:border-box}.metaslider.ms-theme-jenga *::after{-webkit-box-sizing:border-box;box-sizing:border-box}.metaslider.ms-theme-jenga .flexslider{margin-bottom:0}.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav:not(.flex-control-thumbs){align-items:center;background:transparent;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;-ms-flex-wrap:wrap;flex-wrap:wrap;height:120px;justify-content:flex-end;margin:0;margin-bottom:0;margin-left:0;padding:0 !important;position:static}.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a{background:rgba(255,255,255,0.9);border-radius:50%;-webkit-box-shadow:2px 3px 5px -4px rgba(0,0,0,0.4) !important;box-shadow:2px 3px 5px -4px rgba(0,0,0,0.4) !important;cursor:pointer;display:block;height:16px;left:2px;line-height:15px;margin:0 4px 8px 0;padding:0;position:relative;text-indent:-9999px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;width:16px;border:2px solid rgba(255,255,255,0)}.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover{background:rgba(183,180,180,0.2);border:2px solid rgba(255,255,255,0.9)}.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav li a.flex-active{background:rgba(183,180,180,0.2);border:2px solid rgba(255,255,255,0.9)}.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav li a.flex-active::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga .flexslider:not(.filmstrip) ul.flex-direction-nav{width:64px}.metaslider.ms-theme-jenga .flexslider ul.flex-direction-nav{margin-top:15px}.metaslider.ms-theme-jenga .flexslider ul.flex-direction-nav li a{background:0;-webkit-box-shadow:none;box-shadow:none;color:black;height:41px;margin:0;overflow:hidden;position:relative;top:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:32px}.metaslider.ms-theme-jenga .flexslider ul.flex-direction-nav li a::before{background-image:none;background-color:#fff;mask-image:url(//www.vaidicslucknow.com/wp-content/plugins/ml-slider/themes/jenga/v1.0.0/images/arrow.svg);mask-repeat:no-repeat;mask-position:50% 50%;mask-size:36px auto;content:'' !important;display:block;height:41px;max-height:41px;max-width:22px;position:absolute;width:100%}.metaslider.ms-theme-jenga .flexslider ul.flex-direction-nav li a.flex-prev{left:0}.metaslider.ms-theme-jenga .flexslider ul.flex-direction-nav li a.flex-prev::before{left:15%}.metaslider.ms-theme-jenga .flexslider ul.flex-direction-nav li a.flex-next{right:-1px}.metaslider.ms-theme-jenga .flexslider ul.flex-direction-nav li a.flex-next::before{right:15%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.metaslider.ms-theme-jenga .flexslider:hover ul.flex-direction-nav li a{opacity:1 !important}.metaslider.ms-theme-jenga .flexslider:hover ul.flex-direction-nav li a:hover{color:black;opacity:1 !important}.metaslider.ms-theme-jenga .flexslider:focus-within ul.flex-direction-nav li a{opacity:1 !important}.metaslider.ms-theme-jenga .flexslider:focus-within ul.flex-direction-nav li a:hover{color:black;opacity:1 !important}.metaslider.ms-theme-jenga .flexslider ul.slides .caption-wrap{background:rgba(0,0,0,0.8);bottom:0;margin:0;position:absolute;-webkit-transition:.5s all;transition:.5s all;width:100%}.metaslider.ms-theme-jenga .flexslider ul.slides .caption-wrap .caption{color:#fff;font-size:.9rem;padding:20px 30px 55px 30px;text-align:center}.metaslider.ms-theme-jenga .flexslider ul.slides .flex-active-slide .caption-wrap{-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga .slide-control{background:transparent;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;line-height:15px;margin:0;padding:0 !important;position:absolute;right:10%;top:50%;-webkit-transition:top .2s;transition:top .2s;width:auto;z-index:8}.metaslider.ms-theme-jenga .flex-direction-nav li{float:left}.metaslider.ms-theme-jenga ul.rslides_tabs{align-items:center;background:transparent;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;-ms-flex-wrap:wrap;flex-wrap:wrap;height:120px;justify-content:flex-end;margin:0;margin-bottom:0;margin-left:0;padding:0 !important;position:static}.metaslider.ms-theme-jenga ul.rslides_tabs li a{background:rgba(255,255,255,0.9);border-radius:50%;-webkit-box-shadow:2px 3px 5px -4px rgba(0,0,0,0.4) !important;box-shadow:2px 3px 5px -4px rgba(0,0,0,0.4) !important;cursor:pointer;display:block;height:16px;left:2px;line-height:15px;margin:0 4px 8px 0;padding:0;position:relative;text-indent:-9999px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;width:16px}.metaslider.ms-theme-jenga ul.rslides_tabs li a:hover{background:rgba(183,180,180,0.2);border:2px solid rgba(255,255,255,0.9)}.metaslider.ms-theme-jenga ul.rslides_tabs li a:hover::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga ul.rslides_tabs li.rslides_here a{background:rgba(183,180,180,0.2);border:2px solid rgba(255,255,255,0.9)}.metaslider.ms-theme-jenga ul.rslides_tabs li.rslides_here a::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled){align-items:center;background:transparent;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;-ms-flex-wrap:wrap;flex-wrap:wrap;height:120px;justify-content:flex-end;margin:0;margin-bottom:0;margin-left:0;padding:0 !important;position:static;align-items:center;-webkit-box-align:center;-ms-flex-align:center;position:absolute;right:40px;top:15px;width:80px;z-index:9;z-index:9}.metaslider.ms-theme-jenga div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a{background:rgba(255,255,255,0.9);border-radius:50%;-webkit-box-shadow:2px 3px 5px -4px rgba(0,0,0,0.4) !important;box-shadow:2px 3px 5px -4px rgba(0,0,0,0.4) !important;cursor:pointer;display:block;height:16px;left:2px;line-height:15px;margin:0 4px 8px 0;padding:0;position:relative;text-indent:-9999px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;width:16px}.metaslider.ms-theme-jenga div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a.active{background:rgba(183,180,180,0.2);border:2px solid rgba(255,255,255,0.9)}.metaslider.ms-theme-jenga div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a.active::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga .coin-slider .cs-buttons{align-items:center;-webkit-box-align:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;-ms-flex-wrap:wrap;flex-wrap:wrap;flex-wrap:wrap;height:120px;justify-content:flex-end;justify-content:flex-end;left:auto !important;position:absolute !important;right:10%;right:116px;top:26%}.metaslider.ms-theme-jenga .coin-slider .cs-buttons a{background:rgba(255,255,255,0.9);border-radius:50%;-webkit-box-shadow:2px 3px 5px -4px rgba(0,0,0,0.4) !important;box-shadow:2px 3px 5px -4px rgba(0,0,0,0.4) !important;cursor:pointer;display:block;height:16px;left:2px;line-height:15px;margin:0 4px 8px 0;padding:0;position:relative;text-indent:-9999px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;width:16px}.metaslider.ms-theme-jenga .coin-slider .cs-buttons a:hover{background:rgba(183,180,180,0.2);border:2px solid rgba(255,255,255,0.9)}.metaslider.ms-theme-jenga .coin-slider .cs-buttons a:hover::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga .coin-slider .cs-buttons a.cs-active{background:rgba(183,180,180,0.2);border:2px solid rgba(255,255,255,0.9)}.metaslider.ms-theme-jenga .coin-slider .cs-buttons a.cs-active::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga .coin-slider .coin-slider div{display:block !important}.metaslider.ms-theme-jenga .coin-slider .coin-slider div a{background:0;-webkit-box-shadow:none;box-shadow:none;color:black;height:41px;margin:0;overflow:hidden;position:relative;top:15px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:32px}.metaslider.ms-theme-jenga .coin-slider .coin-slider div a::before{background:url(//www.vaidicslucknow.com/wp-content/plugins/ml-slider/themes/jenga/v1.0.0/images/arrow.png) no-repeat;background-position:50% 50%;background-size:100%;content:'' !important;display:block;height:41px;max-height:41px;max-width:22px;position:absolute;width:100%}.metaslider.ms-theme-jenga .coin-slider .coin-slider div a.cs-prev{left:0}.metaslider.ms-theme-jenga .coin-slider .coin-slider div a.cs-prev::before{left:15%}.metaslider.ms-theme-jenga .coin-slider .coin-slider div a.cs-next{right:-1px}.metaslider.ms-theme-jenga .coin-slider .coin-slider div a.cs-next::before{right:15%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.metaslider.ms-theme-jenga .coin-slider .coin-slider .cs-prev{margin-top:15px !important;right:120px !important;left:auto !important;margin-right:16px}.metaslider.ms-theme-jenga .coin-slider .coin-slider .cs-next{margin-top:15px !important;right:120px !important;margin-right:-16px}.metaslider.ms-theme-jenga .coin-slider:hover .coin-slider div a{opacity:1 !important}.metaslider.ms-theme-jenga .coin-slider:hover .coin-slider div a:hover{color:black;opacity:1 !important}.metaslider.ms-theme-jenga .slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a:hover{background:rgba(183,180,180,0.2);border:2px solid rgba(255,255,255,0.9)}.metaslider.ms-theme-jenga .slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a:hover::after{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga .slider-wrapper .nivo-controlNav.nivo-thumbs-enabled a:hover{border:0 none}.metaslider.ms-theme-jenga .slider-wrapper .nivo-controlNav.nivo-thumbs-enabled a.active{border:0 none}.metaslider.ms-theme-jenga div.nivo-directionNav{width:64px}.metaslider.ms-theme-jenga a.rslides_nav{background:0;-webkit-box-shadow:none;box-shadow:none;color:black;height:41px;margin:0;overflow:hidden;position:relative;top:15px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:32px;display:inline-block;padding:0}.metaslider.ms-theme-jenga a.rslides_nav::before{background:url(//www.vaidicslucknow.com/wp-content/plugins/ml-slider/themes/jenga/v1.0.0/images/arrow.png) no-repeat;background-position:50% 50%;background-size:100%;content:'' !important;display:block;height:41px;max-height:41px;max-width:22px;position:absolute;width:100%}.metaslider.ms-theme-jenga div.nivoSlider div.nivo-directionNav a{background:0;-webkit-box-shadow:none;box-shadow:none;color:black;height:41px;margin:0;overflow:hidden;position:relative;top:15px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:32px;height:38px;padding:0;position:absolute;top:140px;width:25px}.metaslider.ms-theme-jenga div.nivoSlider div.nivo-directionNav a::before{background:url(//www.vaidicslucknow.com/wp-content/plugins/ml-slider/themes/jenga/v1.0.0/images/arrow.png) no-repeat;background-position:50% 50%;background-size:100%;content:'' !important;display:block;height:41px;max-height:41px;max-width:22px;position:absolute;width:100%}.metaslider.ms-theme-jenga div.nivoSlider div.nivo-directionNav a.nivo-prevNav{left:0;left:auto;right:85px}.metaslider.ms-theme-jenga div.nivoSlider div.nivo-directionNav a.nivo-prevNav::before{left:15%}.metaslider.ms-theme-jenga div.nivoSlider div.nivo-directionNav a.nivo-nextNav{right:-1px;right:50px}.metaslider.ms-theme-jenga div.nivoSlider div.nivo-directionNav a.nivo-nextNav::before{right:15%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.metaslider.ms-theme-jenga div.nivoSlider:hover div.nivo-directionNav a{opacity:1 !important}.metaslider.ms-theme-jenga div.nivoSlider:hover div.nivo-directionNav a:hover{color:black;opacity:1 !important}.metaslider.ms-theme-jenga div.nivoSlider .nivo-caption{background:rgba(0,0,0,0.8);bottom:0;margin:0;position:absolute;-webkit-transition:.5s all;transition:.5s all;width:100%;-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga div.nivoSlider .nivo-caption a{border-bottom:0}.metaslider.ms-theme-jenga .rslides_nav.prev{left:0}.metaslider.ms-theme-jenga .rslides_nav.prev::before{left:15%}.metaslider.ms-theme-jenga .rslides_nav.next{right:-1px}.metaslider.ms-theme-jenga .rslides_nav.next::before{right:15%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.metaslider.ms-theme-jenga:hover a.rslides_nav{opacity:1 !important}.metaslider.ms-theme-jenga:hover a.rslides_nav:hover{color:black;opacity:1 !important}.metaslider.ms-theme-jenga .rslides .caption-wrap{background:rgba(0,0,0,0.8);bottom:0;margin:0;position:absolute;-webkit-transition:.5s all;transition:.5s all;width:100%}.metaslider.ms-theme-jenga .rslides .caption-wrap .caption{color:#fff;font-size:.9rem;padding:20px 30px 55px 30px;text-align:center}.metaslider.ms-theme-jenga .rslides li[class*=rslides] .caption-wrap{-webkit-transform:translateY(0);transform:translateY(0)}.metaslider.ms-theme-jenga .cs-title{margin:10px;padding:20px;width:calc(100% - 20px)}.metaslider.ms-theme-jenga .nivoSlider .nivo-caption{color:#fff;font-size:.9rem;padding:20px 30px 55px 30px;text-align:center}.metaslider.ms-theme-jenga .filmstrip{border-radius:0;margin-top:10px;width:100%;z-index:4}.metaslider.ms-theme-jenga .filmstrip ul.flex-direction-nav li a{margin-top:-20px;position:absolute;top:50%}.metaslider.ms-theme-jenga .filmstrip ul.flex-direction-nav li a::after{width:10px}.metaslider.ms-theme-jenga .filmstrip ul.flex-direction-nav li a.flex-prev{left:0}.metaslider.ms-theme-jenga .filmstrip ul.flex-direction-nav li a.flex-next{right:0}.metaslider.ms-theme-jenga.has-thumb-nav .flex-direction-nav{background:transparent;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;line-height:15px;margin:0;padding:0 !important;position:absolute;right:10%;top:50%;-webkit-transition:top .2s;transition:top .2s;width:auto;z-index:8}.metaslider.ms-theme-jenga.has-thumb-nav .flexslider ul.flex-direction-nav li a{position:absolute}.metaslider.ms-theme-jenga.has-thumb-nav .slide-control{top:100px !important}.metaslider.ms-theme-jenga.has-carousel-mode ul.flex-direction-nav li a{margin-top:-20px;position:absolute;top:50%}.ms-is-small.metaslider.ms-theme-jenga .flexslider ul.slides .caption-wrap .caption{padding-top:50px}.ms-is-small.metaslider.ms-theme-jenga .rslides .caption-wrap .caption{padding-top:50px}.ms-is-small.metaslider.ms-theme-jenga .nivoSlider .nivo-caption{padding-top:50px}.metaslider.ms-theme-jenga.has-filmstrip .flexslider:not(.filmstrip) ul.flex-direction-nav{width:90px}.metaslider.ms-theme-jenga.has-filmstrip .flexslider ul.slides .caption-wrap{margin-right:110px}.metaslider.ms-theme-jenga.fullwidth .flexslider ul.slides .caption-wrap{margin-right:320px}.metaslider.ms-theme-jenga.fullwidth .flexslider ul.slides .caption-wrap .caption{padding-left:20px}.metaslider.ms-theme-jenga.fullwidth .flexslider ol.flex-control-nav:not(.flex-control-thumbs){right:60px}.metaslider.ms-theme-jenga.fullwidth .flexslider:not(.filmstrip) ul.flex-direction-nav{right:20px}.metaslider.ms-theme-jenga.fullwidth .rslides .caption-wrap{margin-right:320px}.metaslider.ms-theme-jenga.fullwidth .rslides .caption-wrap .caption{padding-left:20px}.metaslider.ms-theme-jenga.fullwidth div.nivoSlider .nivo-caption{margin-right:320px;padding-left:20px}.metaslider.ms-theme-jenga.fullwidth .cs-title{margin-right:320px;padding-left:20px}.metaslider.ms-theme-jenga.fullwidth ul.rslides_tabs{right:60px}.metaslider.ms-theme-jenga.fullwidth div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled){right:60px}.metaslider.ms-theme-jenga.fullwidth div.nivo-directionNav{right:20px}.metaslider.ms-theme-jenga.fullwidth a.rslides_nav.prev{right:284px}.metaslider.ms-theme-jenga.fullwidth a.rslides_nav.next{right:20px}.metaslider.ms-theme-jenga.ms-is-small{padding-bottom:50px}.metaslider.ms-theme-jenga.ms-is-small .flexslider ul.slides .caption-wrap{margin-right:0}.metaslider.ms-theme-jenga.ms-is-small .flexslider ol.flex-control-nav{left:0;right:0;width:100%}.metaslider.ms-theme-jenga.ms-is-small .flexslider:not(.filmstrip) ul.flex-direction-nav{width:100%}.metaslider.ms-theme-jenga.ms-is-small .rslides .caption-wrap{margin-right:0}.metaslider.ms-theme-jenga.ms-is-small .nivoSlider .nivo-caption{margin-right:0}.metaslider.ms-theme-jenga.ms-is-small ul.rslides_tabs{left:0;right:0;width:100%}.metaslider.ms-theme-jenga.ms-is-small .slider-wrapper .nivo-controlNav{left:0;right:0;width:100%}.metaslider.ms-theme-jenga.ms-is-small .coin-slider .cs-buttons{left:0;right:0;width:100%}.metaslider.ms-theme-jenga.ms-is-small .nivo-directionNav{width:100%}.metaslider.ms-theme-jenga.ms-is-small.fullwidth .flexslider:not(.filmstrip) ul.flex-direction-nav{right:0}.metaslider.ms-theme-jenga.ms-is-small.fullwidth .flexslider ul.flex-direction-nav li a.flex-prev{left:20px}.metaslider.ms-theme-jenga.ms-is-small.fullwidth .flexslider ul.flex-direction-nav li a.flex-next{right:20px}.metaslider.ms-theme-jenga.ms-is-small.fullwidth div.nivo-directionNav{right:0}.metaslider.ms-theme-jenga.ms-is-small.fullwidth .rslides_nav.prev{left:20px}.metaslider.ms-theme-jenga.ms-is-small.fullwidth div.nivoSlider div.nivo-directionNav a.nivo-prevNav{left:20px}.metaslider.ms-theme-jenga.ms-is-small.fullwidth div.nivoSlider div.nivo-directionNav a.nivo-nextNav{right:20px}.metaslider.ms-theme-jenga.ms-is-small.fullwidth .coin-slider .coin-slider div a.cs-prev{left:20px}.metaslider.ms-theme-jenga.ms-is-small.fullwidth .coin-slider .coin-slider div a.cs-next{right:20px}.metaslider.ms-theme-jenga.ms-is-small.fullwidth .rslides_nav.next{right:20px}.metaslider.ms-theme-jenga.has-onhover-arrows .flex-direction-nav li{opacity:0}.metaslider.ms-theme-jenga.has-onhover-arrows:hover .flex-direction-nav li{opacity:1}.metaslider.ms-theme-jenga.has-onhover-arrows:hover .flex-direction-nav a{opacity:1}.smart-page-loader {
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #fefefe;
z-index: 100000;
}
.wp-smart-loader {
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
font-size: 10px;
z-index: 100001;
}
.wp-smart-body{
visibility: hidden;
}.wp-smart-loader {
text-indent: -12345px;
} .smart-loader-one {
width: 50px;
height: 50px;
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-right: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
border-left: 1px solid rgba(0, 0, 0, 0.5);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-animation: spinner 700ms infinite linear;
-moz-animation: spinner 700ms infinite linear;
-ms-animation: spinner 700ms infinite linear;
-o-animation: spinner 700ms infinite linear;
animation: spinner 700ms infinite linear;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
} .smart-loader-two {
position: relative;
width: 80px;
height: 80px;
-webkit-animation: spinner 5s infinite linear;
animation: spinner 5s infinite linear;
}
.smart-loader-two span {
width: 40px;
height: 40px;
position: absolute;
background: red;
display: block;
-webkit-animation: spinner-two 1s infinite linear;
animation: spinner-two 1s infinite linear;
}
.smart-loader-two span:nth-child(1) {
background: #2ecc71;
}
.smart-loader-two span:nth-child(2) {
left: 44px;
background: #9b59b6;
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
.smart-loader-two span:nth-child(3) {
top: 44px;
background: #3498db;
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.smart-loader-two span:nth-child(4) {
top: 44px;
left: 44px;
background: #f1c40f;
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
@-webkit-keyframes spinner-two {
0% {
transform: scale(1);
}
50% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}
@keyframes spinner-two {
0% {
transform: scale(1);
}
50% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
} .smart-loader-three {
position: relative;
}
.smart-loader-three span {
display: block;
bottom: 0px;
width: 9px;
height: 5px;
background: #9b59b6;
position: absolute;
-webkit-animation: spinner-three 1.5s infinite ease-in-out;
animation: spinner-three 1.5s infinite ease-in-out;
}
.smart-loader-three span:nth-child(2) {
left: 11px;
-webkit-animation-delay: .2s;
animation-delay: .2s;
}
.smart-loader-three span:nth-child(3) {
left: 22px;
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.smart-loader-three span:nth-child(4) {
left: 33px;
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.smart-loader-three span:nth-child(5) {
left: 44px;
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
@-webkit-keyframes spinner-three {
0% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
25% {
height: 30px;
transform: translateY(15px);
background: #3498db;
}
50% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
100% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
}
@keyframes spinner-three {
0% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
25% {
height: 30px;
transform: translateY(15px);
background: #3498db;
}
50% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
100% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
} .smart-loader-four {
width: 80px;
height: 80px;
}
.smart-loader-four .spinner-cube {
width: 33%;
height: 33%;
background-color: #9b59b6;
float: left;
-webkit-animation: spinner-four 1.3s infinite ease-in-out;
animation: spinner-four 1.3s infinite ease-in-out;
}
.smart-loader-four .spinner-cube1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.smart-loader-four .spinner-cube2 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.smart-loader-four .spinner-cube3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.smart-loader-four .spinner-cube4 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.smart-loader-four .spinner-cube5 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.smart-loader-four .spinner-cube6 {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.smart-loader-four .spinner-cube7 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.smart-loader-four .spinner-cube8 {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.smart-loader-four .spinner-cube9 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
@-webkit-keyframes spinner-four {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}
@keyframes spinner-four {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
}
35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
} .smart-loader-five {
width: 80px;
height: 80px;
position: relative;
}
.smart-loader-five .spinner-cube {
border: 2px solid transparent;
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.smart-loader-five .spinner-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #9b59b6;
-webkit-animation: spinner-five 2.4s infinite linear both;
animation: spinner-five 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.smart-loader-five .spinner-cube-2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.smart-loader-five .spinner-cube-3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.smart-loader-five .spinner-cube-4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.smart-loader-five .spinner-cube-2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.smart-loader-five .spinner-cube-3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.smart-loader-five .spinner-cube-4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes spinner-five {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes spinner-five {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
} .smart-loader-six {
width: 70px;
height: 70px;
position: relative;
}
.smart-loader-six .spinner-cube-1,
.smart-loader-six .spinner-cube-2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #3498db;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: spinner-six 2.0s infinite ease-in-out;
animation: spinner-six 2.0s infinite ease-in-out;
}
.smart-loader-six .spinner-cube-2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes spinner-six {
0%, 100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes spinner-six {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}