form.CUS input.subject { display: none; }
.form-group input, .form-group textarea{margin: 10px;border-radius: 8px;height: 40px;width: 45%;padding-left: 1%;color: #fff;}
.form-group select{background-color: #cfe4ff;border-radius: 8px;height: 40px;margin-left: 2%;}
/** Template Name:Busco - Corporate & Agency Landing Page Template* Author:Gaintco* Author URL:https://themeforest.net/user/gaintco* Version:1.0*//* =============================================================================[Table of contents]0.0 Common CSS START 1.0 HEADER AREA START 2.0 BANNER AREA START3.0 ABOUT AREA START4.0 MARKET AREA START5.0 PROTFOLIO AREA START6.0 SERVICE AREA START7.0 TEAM AREA START8.0 COUNT AREA START9.0 PRICE AREA START10.0 CONTACT AREA START 11.0 TESTIMONIAL AREA START12.0 FOOTER AREA START13.0 COPY_RIGHT AREA START/*===========================0.0 *** Common CSS START ***=============================*/*{margin:0;padding:0;outline:0}
ul,li{list-style-type:none}
a,a:hover{text-decoration:none}
a:focus{outline:none}
img{vertical-align:middle;outline:0}
.zindex{position:relative;z-index:999}
.clr{clear:both}
.text-dark{color:#212529;}
@font-face{src:url(../fonts/OpenSans-ExtraBold.ttf);font-family:osb}
@font-face{src:url(../fonts/Roboto-Regular.ttf);font-family:rr}
@font-face{src:url(../fonts/Roboto-Bold.ttf);font-family:rb}
/* Preloader Part */.preload-main{position:fixed;width:100%;height:100%;background:#0a7aa4;z-index:9999999;top:0;left:0}
.preloader{position:absolute;width:65px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.preloader span{position:absolute;display:block;bottom:0;width:9px;height:5px;border-radius:5px;background:#fff;-webkit-animation:preloader 2s infinite ease-in-out;animation:preloader 2s infinite ease-in-out}
.preloader span:nth-child(2){left:11px;-webkit-animation-delay:200ms;animation-delay:200ms}
.preloader span:nth-child(3){left:22px;-webkit-animation-delay:400ms;animation-delay:400ms}
.preloader span:nth-child(4){left:33px;-webkit-animation-delay:600ms;animation-delay:600ms}
.preloader span:nth-child(5){left:44px;-webkit-animation-delay:800ms;animation-delay:800ms}
.preloader span:nth-child(6){left:55px;-webkit-animation-delay:1000ms;animation-delay:1000ms}
@-webkit-keyframes preloader{0%{height:5px;-webkit-transform:translateY(0);transform:translateY(0);background:#fff}
25%{height:30px;-webkit-transform:translateY(15px);transform:translateY(15px);background:#fff}
50%,100%{height:5px;-webkit-transform:translateY(0);transform:translateY(0);background:#fff}
}
@keyframes preloader{0%{height:5px;-webkit-transform:translateY(0);transform:translateY(0);background:#fff}
25%{height:30px;-webkit-transform:translateY(15px);transform:translateY(15px);background:#fff}
50%,100%{height:5px;-webkit-transform:translateY(0);transform:translateY(0);background:#fff}
}
/* Version 2 */.particles-js-canvas-el{position:absolute;width:100%;height:100%;top:0}
/* Version 3 */#index3 #banner{background:url(../image/911-tankless-water-heater-banner.webp);background-position:center;background-repeat:no-repeat;background-size:cover}
/*===========================1.0 *** HEADER AREA START ***=============================*/.navbar{position:fixed;width:100%;z-index:999999;-weebkit-transition:all linear .3s;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s;padding-top:15px;background:transparent !important;border-bottom:1px solid #0cb4f2}
.menu-item{padding-right:15px}
.navbar-light .navbar-nav .nav-link{color:#fff;font-family:rr;font-size:14px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s;position:relative;margin:6px}
.navbar-light .navbar-nav .nav-link::after{position:absolute;content:'';bottom:-4px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:54px;height:2px;background:#fff;opacity:0;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#0cb4f2}
.navbar-light .navbar-nav .nav-link:hover:after{opacity:1;background:#0cb4f2}
.navbar-light .navbar-nav .nav-link.active{color:#0cb4f2}
.navbar-light .navbar-nav .nav-link.active::after{position:absolute;content:'';bottom:-4px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:54px;height:2px;background:#0cb4f2;opacity:1;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.navbar-light .navbar-brand{color:#ffffff;font-family:rb;font-size:28px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.navbar-light .navbar-brand:hover{color:#fff}
.nav-bg{background:#070117 !important;-webkit-box-shadow:0 6px 30px -18px;box-shadow:0 6px 30px -18px;border-bottom:1px solid #070117 !important}
.nav-bg .navbar-nav .nav-link::after{bottom:-13px !important}
.nav-bg .navbar-brand{color:#fff;font-size:26px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.nav-bg .navbar-nav .nav-link{color:#fff}
/*===========================2.0 *** BANNER AREA START ***=============================*/
.slide-banner{height:100vh;background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;position:relative}
.overly{position:absolute;height:100%;width:100%;left:0;top:0;background:rgba(7,1,23,0.3)}
.banner-content{height:100%}
.banner-content .container{height:100%}
.banner-text{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.banner-text::after{position:absolute;content:'';top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:300px;height:300px;border:4px solid rgba(56,203,247,0.584);z-index:-1}
.banner-text h1{font-size:38px;color:#fff;font-family:rb;margin-bottom:6px;text-transform:uppercase}
.banner-text h1 span{font-size:32px;color:#0cb4f2;font-family:osb;text-transform:uppercase;margin-top:0}
.banner-text h2{font-size:34px;color:#fff;font-family:rb;margin-bottom:6px;text-transform:uppercase}
.banner-text h2 span{font-size:32px;color:#0cb4f2;font-family:osb;text-transform:uppercase;margin-top:0}
.banner-text p{line-height:25px;padding:5px 272px 15px;font-family:rr;font-size:15px;color:#fff}
.banner-text .ban-btn{font-size:26px;color:#fff;border:1px solid #fff;padding:10px 15px;border-radius:50px;font-family:rb;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.banner-text .ban-btn:hover{color:#fff;background:#0cb4f2;-o-transition:all linear .5s;transition:all linear .5s;-webkit-transition:all linear .5s;border-color:#0cb4f2}
.social-icon{padding-top:35px}
.social-icon i{font-size:18px;width:40px;height:40px;color:#fff;text-align:center;line-height:40px;border-radius:50%;margin:0 4px;-webkit-transition:all linear .5s;-o-transition:all linear .5s;transition:all linear .5s}
.social-icon i:hover{background:#0cb4f2;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.slidPrv{position:absolute;top:50%;left:20px;height:40px;width:40px;text-align:center;color:#fff;line-height:40px;font-size:20px;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateY(-50%);border-radius:50%;z-index:99;-o-transition:all .3s;transition:all .3s;-webkit-transition:all .3s;cursor:pointer}
.slidNext{position:absolute;top:50%;right:20px;height:40px;width:40px;text-align:center;color:#fff;line-height:40px;font-size:20px;-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform:translateY(-50%);border-radius:50%;z-index:99;-o-transition:all .3s;transition:all .3s;-webkit-transition:all .3s;cursor:pointer}
.slidNext:hover,.slidPrv:hover{color:#fff;background:#0cb4f2;-o-transition:all linear .3s;transition:all linear .3s;-webkit-transition:all linear .3s}
/*===========================3.0 *** ABOUT AREA START ***=============================*/#about{padding:80px 0}
.about-head p, .about-head h2{font-family:osb;color:#0cb4f2;padding-bottom:10px;font-size:25px;}
.about-head .p2{font-family:osb;font-size:25px;color:#fff;}
.apt{padding-top:90px}
.about-img{position:relative}
.about-img img{position:relative;z-index:1}
.about-img::after{position:absolute;content:'';width:90%;height:90%;background:#0cb4f2;bottom:-21px;z-index:-1;right:-22px;-webkit-box-shadow:0 19px 38px rgba(3,56,89,0.3),0 15px 12px rgba(3,56,89,0.3);box-shadow:0 19px 38px rgba(3,56,89,0.3),0 15px 12px rgba(3,56,89,0.3)}
.about-img::before{position:absolute;content:'';width:90%;height:90%;background:#0cb4f2;top:-23px;z-index:-1;left:-22px;-webkit-box-shadow:0 38px 19px rgba(3,56,89,0.3),0 12px 15px rgba(3,56,89,0.3);box-shadow:0 38px 19px rgba(3,56,89,0.3),0 12px 15px rgba(3,56,89,0.3)}
.about-text h2{font-family:rb;text-transform:uppercase;font-size:23px}
.about-text span{font-family:rr;color:#0cb4f2;font-size:17px;padding-bottom:20px}
.about-text p{font-family:rr;color:#666;font-size:17px;line-height:27px}
.about-text a i{padding-left:3px;font-size:18px}
.backtotop{position:fixed;right:20px;bottom:45px;z-index:9999;display:none;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.backtotop i{color:#fff;text-align:center;font-size:20px;line-height:40px;width:40px;height:40px;background:#0cb4f2;border:1px solid #0cb4f2;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s;border-radius:3px;-webkit-box-shadow:0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22);box-shadow:0 19px 38px rgba(0,0,0,0.30),0 15px 12px rgba(0,0,0,0.22)}
.backtotop:hover i{cursor:pointer}
.counter-main{padding-top:5px}
.counter-1{position:relative}
.counter-1 h3{position:absolute;top:50px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;font-size:20px}
.counter-1 h4{font-size:16px;margin-top:10px;text-align:center}
/*===========================4.0 *** MARKET AREA START ***=============================*/#market{padding:25px 0;background:#efeded;width:100%}
.slick-center market-item img{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
/*===========================5.0 *** PROTFOLIO AREA START ***=============================*/#portfolio{padding:80px 0}
.portfolio-bg{background:url(../image/plumbing-bg.webp);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;width:100%;background-attachment:fixed}
.port-overly{position:absolute;height:100%;width:100%;left:0;top:0;background:rgba(7,1,23,0.8)}
.heading-bg{color:#fff}
.heading-bg h2{color:#0cb4f2}
.heading-bg h2::after{right:-20px;border:5px solid #b2afaf}
.portfolio-imag{padding-top:55px}
.portfolio-inner img{margin-bottom:30px}
.port-img{position:relative}
.port-overlay{position:absolute;bottom:100%;left:0;right:0;background:rgba(0,0,0,0.5);overflow:hidden;width:100%;height:0;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;opacity:0}
.port-overlay i{-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);font-size:20px;color:#000;position:absolute;width:40px;height:40px;background:#fff;top:50%;left:50%;border-radius:50%;line-height:40px;text-align:center}
.port-img:hover .port-overlay{opacity:1;bottom:0;height:100%}
.vbox-overlay{z-index:999999}
/*===========================6.0 *** SERVICE AREA START ***=============================*/#service{padding:75px 0}
.service-details{padding-top:32px}
.service-details p{color:#444;line-height:27px;font-family:rr}
.btn a{font-size:16px;color:#fff;background:#0cb4f2;font-family:rb;border:1px solid #0cb4f2;padding:14px 20px;border-radius:50px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.btn a:hover{color:#0cb4f2;background:transparent;border:1px solid #0cb4f2}
.service-item{background:#fff7d8;text-align:center;padding:30px 0 30px 0;-webkit-transition:all linear.3s;-o-transition:all linear.3s;transition:all linear.3s}
.service-icon{width:80px;height:80px;border-radius:50%;background:#fff;text-align:center;margin:0 auto;-webkit-filter:drop-shadow(0px 2px 5px rgba(98,98,113,0.43));filter:drop-shadow(0px 2px 5px rgba(98,98,113,0.43))}
.service-item h3{color:#151515;padding-top:24px;padding-bottom:13px;font-family:osb;font-size:21px}
.service-item h3 span{color:#0cb4f2}
.service-item p{color:#151515;padding-top:24px;padding-bottom:13px;font-family:osb;font-size:21px}
.service-item p span{color:#0cb4f2}
.service-icon i{color:#0cb4f2;font-size:30px;line-height:80px}
.service-item2{background:#d8e9ff;margin-top:25px}
.service-item3{margin-top:25px;background:#d8f4ff}
.service-item4{background:#d8ffff;margin-top:25px}
.service-p{padding-top:30px}
.service-item:hover{-webkit-filter:drop-shadow(0px 2px 5px rgba(98,98,113,0.43));filter:drop-shadow(0px 2px 5px rgba(98,98,113,0.43))}
/*===========================7.0 *** TEAM AREA START ***=============================*/#team{padding:80px 0;background-image: url(../image/bg-sec-4.webp);background-size: cover;background-repeat: no-repeat;background-position: center;}
.team-item{position:relative}
.overlay-text{position:relative;-webkit-transition:all linear .7s;-o-transition:all linear .7s;transition:all linear .7s}
.team-item:hover .overlay-text{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.team-overlay{position:absolute;width:100%;height:100px;bottom:0;left:0;content:'';background:rgba(7,1,23,0.8);z-index:99;-webkit-transition:all linear .5s;-o-transition:all linear .5s;transition:all linear .5s}
.team-item h3{font-family:rb;font-size:27px;color:#fff;padding-top:15px;position:relative;display:inline-block;-webkit-transition:all linear .5s;-o-transition:all linear .5s;transition:all linear .5s}
.team-item h3::after{position:absolute;content:'';width:30px;height:1px;bottom:-6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#0cb4f2}
.team-item:hover .team-overlay{height:100%}
.t-icon{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.team-item:hover .t-icon i{opacity:1}
.t-icon i:hover{background:#0cb4f2;border:1px solid #0cb4f2;color:#fff}
.t-icon i{margin:0 6px;border-radius:50%;border:1px solid #fff;width:40px;height:40px;line-height:40px;color:#fff;font-size:18px;opacity:0;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.team-item p{font-family:rr;font-size:16px;color:#fff}
/*===========================8.0 *** COUNT AREA START ***=============================*/#count{padding:65px 0;background:url(../image/count.webp);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;position:relative}
#count::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:rgba(7,1,23,0.8)}
.count-item{border:2px solid #fff;padding:30px 15px 10px;position:relative;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.count-item:hover{border:2px solid #0cb4f2}
.count-item:hover .count-icon i{background:#0cb4f2;border:2px solid #0cb4f2}
.count-icon{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:-25px}
.count-icon i{color:white;font-size:21px;border:2px solid #fff;width:45px;height:45px;line-height:45px;border-radius:50%;background:#070117;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.count-item h3{color:white;font-family:osb;font-size:21px}
.count-item h3 span{color:#0cb4f2}
.count-item p{color:white;font-family:osb;font-size:21px}
.count-item p span{color:#0cb4f2}
/*===========================9.0 *** PRICE AREA START ***=============================*/#price{padding-top:60px}
#price2{padding-bottom:60px}
.pricing{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0 auto 3em}
.pricing-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;text-align:center;-webkit-box-flex:0;-ms-flex:0 1 330px;flex:0 1 330px}
.pricing-action{color:inherit;border:none;background:none}
.pricing-action:focus{outline:none}
.pricing-feature-list{text-align:left;font-weight:500;font-size:1.2em}
.pricing-palden{padding-top:30px}
.pricing-palden .pricing-item{font-family:'Open Sans',sans-serif;cursor:default;color:#0cb4f2;background:#fff;-webkit-box-shadow:0 0 10px rgba(46,59,125,0.23);box-shadow:0 0 10px rgba(46,59,125,0.23);border-radius:20px 20px 10px 10px;margin:1em}
@media screen and (min-width:66.25em){.pricing-palden .pricing-item{margin:1em -0.5em}
.pricing-palden .pricing__item--featured{margin:0;z-index:10;-webkit-box-shadow:0 0 20px rgba(46,59,125,0.23);box-shadow:0 0 20px rgba(46,59,125,0.23)}
}
.pricing-palden .pricing-deco{border-radius:10px 10px 0 0;background:rgba(7,1,23,0.9);padding:2em 0 9em;position:relative}
.pricing-palden .pricing-deco-img{position:absolute;bottom:0;left:0;width:100%;height:100px}
.pricing-palden .pricing-title{font-size:0.75em;margin:0;text-transform:uppercase;letter-spacing:5px;color:#0cb4f2}
.pricing-palden .deco-layer{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}
.pricing-palden .pricing-item:hover .deco-layer--1{-webkit-transform:translate3d(15px,0,0);transform:translate3d(15px,0,0)}
.pricing-palden .pricing-item:hover .deco-layer--2{-webkit-transform:translate3d(-15px,0,0);transform:translate3d(-15px,0,0)}
.pricing-palden .icon{font-size:2.5em}
.pricing-palden .pricing-price{font-size:6em;font-weight:bold;padding:0;color:#fff;margin:.3em 0 0.25em 0;line-height:0.75}
.pricing-palden .pricing-currency{font-size:0.30em;vertical-align:top}
.pricing-palden .pricing-period{font-size:0.25em;padding:0 0 0 0.2em;font-style:italic}
.pricing-palden .pricing__sentence{font-weight:bold;margin:0 0 1em 0;padding:0 0 0.5em}
.pricing-palden .pricing-feature-list{margin:0;padding:0.25em 0 .5em;list-style:none;text-align:center}
.pricing-palden .pricing-feature{padding:.5em 0}
.pricing-palden .pricing-action{font-weight:bold;margin:auto 3em 2em 3em;padding:1em 2em;color:#fff;border-radius:30px;background:rgba(7,1,23,0.9);-webkit-transition:background-color 0.3s;-o-transition:background-color 0.3s;transition:background-color 0.3s}
.pricing-palden .pricing-action:hover,.pricing-palden .pricing-action:focus{background-color:#0cb4f2}
.pa-act{background:#0cb4f2 !important}
.pricing-palden .pricing-item--featured .pricing-deco{padding:1em 0 3.885em 0}
/*===========================10.0 *** CONTACT AREA START ***=============================*/#contact{padding:80px 0;position:relative;background:url(../image/contact.webp);background-attachment:fixed;background-repeat:no-repeat;background-position:center;background-size:cover}
#contact::after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(7,1,23,0.5)}
.form-p{padding-top:75px}
.form-group{margin-bottom:30px}
.form-group label{font-size:16px;font-family:rb;color:white}
.form-group input{font-family:rr;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s;background:transparent;border:none;border-bottom:1px solid #fff;border-radius:0}
.form-control:focus{box-shadow:none !important}
.form-group textarea{-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s;background:transparent}
.form-group input:hover{border-bottom:1px solid #0cb4f2;border-radius:0}
.form-group input:focus{background:transparent !important;border-bottom:1px solid #0cb4f2 !important;color:white}
.form-group textarea:hover{border:1px solid #0cb4f2}
.form-icon{padding-top:135px}
.form-icon i{font-size:40px;color:#fff;width:90px;height:90px;border:1px solid #fff;border-radius:50%;text-align:center;line-height:90px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.form-icon i:hover{background:#fff;color:#070117}
.user-form .btn{background:#0cb4f2;color:#fff;border:1px solid #0cb4f2;font-family:rb;padding:12px 20px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.user-form .btn:hover{padding:12px 24px}
.watch-text{padding-top:23px}
.watch-text a{font-size:16px;color:#fff;font-family:rb}
/*===========================11.0 *** TESTIMONIAL AREA START ***=============================*/#testimonial{padding:80px 0;position:relative}
.testimonial-img img{border:2px solid #0cb4f2;border-radius:50%}
.testimonial-img{padding-top:15px}
.news-items{-webkit-box-shadow:0 0 20px rgba(46,59,125,0.23);box-shadow:0 0 20px rgba(46,59,125,0.23);padding:30px;margin-bottom:45px}
.testimonial-img-text{padding-left:20px;float:left}
.testimonial-text{border-bottom:1px solid #e0e0e0}
.testimonial-text p{font-size:16px;color:#666;font-family:rr;padding-right:75px}
.testimonial-text p i{color:#0cb4f2;font-size:18px}
.testimonial-img-text i{color:#0cb4f2}
.testimonial-img-text h4{font-family:rb;font-size:20px;padding-top:5px}
.testimonial-img-text p{font-family:rb;font-size:20px;padding-top:5px}
.testimonial-img-text span{color:#0cb4f2}
.user-img{float:left}
.slick-dots{text-align:center;padding-top:8px;outline:0}
.slick-dots li{display:inline-block !important;width:16px;height:16px;margin:0 8px;background:none;border:1px solid #0cb4f2;border-radius:50%;outline:0}
.slick-dots li button{width:15px;height:15px;color:transparent;background:none;border:none;border-radius:50%;outline:0}
.slick-dots li.slick-active{background:#0cb4f2}
.slick-dots li.slick-active button{background:#0cb4f2;outline:0}
.slick-dots li.slick-active button:focus{outline:0}
/*===========================12.0 *** FOOTER AREA START ***=============================*/#footer{padding:70px 0;background:#07030f}
.footer-logo p{font-weight:400;color:#fff;font-family:rr;padding-top:25px;line-height:24px;font-size:15px}
.footer-social{padding-top:30px}
.footer-social i{width:40px;height:40px;border:1px solid #fff;line-height:36px;text-align:center;border-radius:50%;color:#fff;font-size:20px;margin:0 2px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.footer-social i:hover{background:#0cb4f2;color:#fff;border:1px solid #0cb4f2}
.links h3{font-size:19px;font-family:rb;color:#fff;font-weight:600;text-transform:capitalize;padding-bottom:4px}
.links p{font-size:19px;font-family:rb;color:#fff;font-weight:600;text-transform:capitalize;padding-bottom:4px}
.links ul li a{color:#fff;text-transform:capitalize;line-height:38px;font-size:15px;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.links ul li a:hover{color:#0cb4f2;padding-left:10px}
.location p{padding-bottom:5px}
.location a{color:#fff;font-size:15px;line-height:25px}
.f-logo{font-size:25px;color:#fff;font-family:osb}
.f-logo:hover{color:#0cb4f2}
.insta-item{color:white}
.fg2 input{border-radius:50px;background:none;color:#fff;border:1px solid #0cb4f2}
.fg2 input:focus{background:none;border:1px solid #0cb4f2;position:relative;right:0}
.fg2 input:hover{border-radius:50px;border:1px solid #0cb4f2}
.fg2 button i{-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
.fg2 button{border-radius:50px;position:absolute;right:16px;top:65px;border:none;background:#0cb4f2;color:#fff}
.fg2 button:hover{border:none;background:#0cb4f2}
.fg2 button:hover i{padding-right:8px}
/*===========================13.0 *** COPY_RIGHT AREA START ***=============================*/#footer-btm{background:#07030f;border-top:1px solid #464646}
.fop-btm h2{color:#fff;padding:35px 0 15px;font-size:16px}
.fop-btm a{color:#0cb4f2}
/*print modal coupon*/@media print{body.modalprinter *{visibility:hidden}
body.modalprinter .modal-dialog.focused{position:absolute;padding:0;margin:0;left:0;top:0}
body.modalprinter .modal-dialog.focused .modal-content{border-width:0}
body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title,body.modalprinter .modal-dialog.focused .modal-content .modal-body,body.modalprinter .modal-dialog.focused .modal-content .modal-body *{visibility:visible;width:100%}
body.modalprinter .modal-dialog.focused .modal-content .modal-header,body.modalprinter .modal-dialog.focused .modal-content .modal-body{padding:0;width:100%}
body.modalprinter .modal-dialog.focused .modal-content .modal-header .modal-title{margin-bottom:20px}
}
.user-selected-none{user-select:none}
.g-recaptcha{max-width:100%}
.g-recaptcha *{transform:scale(.96);margin-left:-6px;margin-bottom:15px}
.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer;background:none}
.navbar-light .navbar-toggler{color:white;outline:0}
.navbar-toggler i{font-size:28px}
.nav-bg i{color:#fff}
.navbar-toggler{border:none}
@media(max-width:480px){.fg2 button{top:79px}
}
@media(min-width:481px) and (max-width:567px){.fg2 button{top:79px}
}
@media(min-width:568px) and (max-width:575px){.fg2 button{top:55px}
}
@media(max-width:575px){.navbar-collapse{background:#070117}
.navbar{border-bottom:none}
.menu-item{padding-right:0}
.navbar-light .navbar-nav .nav-link::after{bottom:-2px}
.navbar-light .navbar-nav .nav-link.active::after{bottom:-2px}
.market-item{text-align:center}
.market-item img{display:inline-block}
.navbar-light .navbar-nav .nav-link{text-align:center;margin-left:0;margin-right:0}
.insta-item p{margin-bottom:30px}
.banner-text p{padding:2px 0px 7px}
.testimonial-text p{text-align:center;padding-right:0}
.slidPrv,.slidNext{display:none !important}
.banner-text::after{position:absolute;content:'';top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:220px;height:220px;border:4px solid rgba(56,203,247,0.884);z-index:-1}
.banner-text h3{font-size:26px}
.social-icon{display:none}
.about-head h3{font-size:17px}
.about-text p{font-size:15px;line-height:27px}
.about-head h3::after{height:23px}
.counter-1{text-align:center;margin-bottom:20px}
.apt{padding-top:47px}
#about{padding:80px 0}
.about-img::before{top:-11px;left:-4px}
.service-details p{font-size:15px}
.form-icon{padding-top:58px !important}
.about-img::after{bottom:-7px;right:-5px}
.about-text h2{font-size:18px;padding-top:55px}
.about-head h2{font-size:24px}
.about-head h2::after{bottom:-3px}
.service-details{padding-bottom:42px}
#team{padding:55px 0}
.team-item{margin-bottom:30px}
.count-item{margin-bottom:40px}
#price{padding:80px 0 47px}
#contact{padding:80px 0}
.move-map{top:390px}
#testimonial{padding:80px 0}
.user-img{float:none;padding-bottom:8px}
.user-img img{display:inline-block}
.testimonial-img{text-align:center}
.testimonial-img-text{float:none;text-align:center;padding-left:0}
.news-items{-webkit-box-shadow:none;box-shadow:none;padding:0}
#footer{padding:25px 0}
.footer-social{margin-bottom:30px}
.user-form{padding:15px 15px 20px}
}
@media(min-width:576px) and (max-width:767px){.navbar-collapse{background:#070117;border-bottom:none}
.navbar{border-bottom:none}
.menu-item{padding-right:0}
.navbar-light .navbar-nav .nav-link::after{bottom:-2px}
.navbar-light .navbar-nav .nav-link.active::after{bottom:-2px}
.navbar-light .navbar-nav .nav-link{text-align:center;margin-left:0;margin-right:0}
.banner-text::after{width:260px;height:260px}
.news-items{-webkit-box-shadow:none;box-shadow:none}
.slide-banner{height:0;padding:300px 0;width:100%}
.testimonial-text p{text-align:center;padding:0 45px}
.banner-text p{padding:2px 0px 7px}
.slidPrv,.slidNext{display:none !important}
.team-item{margin-bottom:30px}
.social-icon{display:none}
.banner-text h3{font-size:40px}
.about-text{padding-top:55px}
.counter-1{text-align:center;margin-bottom:20px}
.apt{padding-top:55px}
.service-details{padding-bottom:44px}
.count-item{margin:20px 0}
.form-icon{padding-top:61px}
.user-img{float:none;padding-bottom:8px}
.user-img img{display:inline-block}
.testimonial-img{text-align:center}
.insta-item p{margin-bottom:7px}
.testimonial-img-text{float:none;text-align:center;padding-left:0}
#footer{padding:25px 0}
.footer-social{margin-bottom:30px;padding-top:15px}
.fg2 button{top:56px}
.service-item p{padding:0 12px}
}
@media(min-width:768px) and (max-width:991px){.navbar-collapse{background:#070117;border-bottom:none}
.navbar{border-bottom:none}
.menu-item{padding-right:0}
.navbar-light .navbar-nav .nav-link::after{bottom:-2px}
.navbar-light .navbar-nav .nav-link.active::after{bottom:-2px}
.navbar-light .navbar-nav .nav-link{margin-left:0;margin-right:0;text-align:center}
.testimonial-text p{padding:0;text-align:left}
.banner-text p{padding:5px 46px 15px}
.testimonial-img-text{float:left;text-align:left;padding-left:20px}
.user-img{float:left}
.user-img img{display:block}
.testimonial-img{text-align:left}
.banner-text h3{font-size:42px}
.social-icon{padding-top:22px}
.banner-text h2{font-size:28px}
.banner-text::after{width:255px;height:255px}
.insta-item p{margin-bottom:30px}
.counter-1{text-align:center}
.apt{padding-top:65px}
.team-item{margin-bottom:30px}
.about-text{padding-top:62px}
.service-details{padding-bottom:34px}
#team{padding:65px 0}
.count-item{margin:20px 0}
.form-icon{padding-top:65px}
.news-items{-webkit-box-shadow:none;box-shadow:none;padding:7px}
#footer{padding:55px 0}
.footer-social{margin-bottom:30px;padding-top:15px}
.fg2 button{top:55px}
}
@media(min-width:992px) and (max-width:1199px){.footer-social i{width:34px;height:34px;line-height:34px;color:#fff;font-size:16px;margin:0 2px}
.counter-1 h3{top:36px}
.apt{padding-top:0}
.chart canvas{height:95px;width:95px}
.about-text{margin-top:77px}
}
.spam { display:none;}
/*! * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons:CC BY 4.0,Fonts:SIL OFL 1.1,Code:MIT License) */ .fa,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-bars:before{content:"\f0c9"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-chevron-up:before{content:"\f077"}
.fa-clock:before{content:"\f017"}
.fa-dribbble:before{content:"\f17d"}
.fa-envelope-open-text:before{content:"\f658"}
.fa-facebook-f:before{content:"\f39e"}
.fa-fire:before{content:"\f06d"}
.fa-glass-martini:before{content:"\f000"}
.fa-globe:before{content:"\f0ac"}
.fa-google:before{content:"\f1a0"}
.fa-head-side-mask:before{content:"\e063"}
.fa-linkedin:before{content:"\f08c"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-phone-square-alt:before{content:"\f87b"}
.fa-play:before{content:"\f04b"}
.fa-quote-left:before{content:"\f10d"}
.fa-search-plus:before{content:"\f00e"}
.fa-shipping-fast:before{content:"\f48b"}
.fa-star:before{content:"\f005"}
.fa-star-half-alt:before{content:"\f5c0"}
.fa-thumbs-up:before{content:"\f164"}
.fa-tint:before{content:"\f043"}
.fa-toilet:before{content:"\f7d8"}
.fa-twitter:before{content:"\f099"}
.fa-users-cog:before{content:"\f509"}
.fa-youtube:before{content:"\f167"}
.fa-blogger-b:before{content:"\f37d"}
.fa-yelp:before{content:"\f1e9"}
.fa-pinterest:before{content:"\f0d2"}
.fa-blog:before{content:"\f781"}
.fa-tiktok:before{content:"\e07b"}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}
.fab{font-family:"Font Awesome 5 Brands"}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}
.fab,.far{font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}
.fa,.far,.fas{font-family:"Font Awesome 5 Free"}
.fa,.fas{font-weight:900}
/* ------ venobox.css --------*/.vbox-overlay *,.vbox-overlay *:before,.vbox-overlay *:after{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.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:1040;-webkit-transform:translateZ(1000px);transform:translateZ(1000px);transform-style:preserve-3d}
/* ----- navigation ----- */.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 40px;overflow:hidden;position:fixed;display:none;left:0;z-index:1050}
.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:50px;height:40px;padding:6px;display:block;background-position:10px center;overflow:hidden;font-size:24px;line-height:1;text-align:center;z-index:1050}
.vbox-num{cursor:pointer;position:fixed;left:0;height:40px;display:block;overflow:hidden;line-height:28px;font-size:12px;padding:6px 10px;display:none;z-index:1050}
/* ----- navigation ARROWS ----- */.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:1050}
.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:#B6B6B6;border-right-color:#B6B6B6;text-indent:-100px;position:absolute;top:8px;display:block}
.vbox-prev{left:15px}
.vbox-next{right:15px}
.vbox-prev span{left:10px;-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:10px}
/* ------- inline window ------ */.vbox-inline{width:420px;height:315px;height:70vh;padding:10px;background:#fff;margin:0 auto;overflow:auto;text-align:left}
/* ------- Video & iFrames window ------ */.venoframe{max-width:100%;width:100%;border:none;width:100%;height:260px;height:70vh}
.venoframe.vbvid{height:260px}
@media (min-width:768px){.venoframe,.vbox-inline{width:90%;height:360px;height:70vh}
.venoframe.vbvid{width:640px;height:360px}
}
@media (min-width:992px){.venoframe,.vbox-inline{max-width:1200px;width:80%;height:540px;height:70vh}
.venoframe.vbvid{width:960px;height:540px}
}
/* Please do NOT edit this part! or at least read this note:http://i.imgur.com/7C0ws9e.gif*/.vbox-open{overflow:hidden}
.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%}
.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;padding:20px 10px}
.vbox-container img{max-width:100%;height:auto}
.figlio{box-shadow:0 0 12px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);max-width:100%;text-align:initial}
img.figlio{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
.vbox-content.swipe-left{margin-left:-200px !important}
.vbox-content.swipe-right{margin-left:200px !important}
.animated{webkit-transition:margin 300ms ease-out;transition:margin 300ms ease-out}
.animate-in{opacity:1}
.animate-out{opacity:0}
/* ---------- preloader ---------- * SPINKIT * http://tobiasahlin.com/spinkit/-------------------------------- */.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}
.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}
@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
}
.sk-double-bounce{position:relative}
.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}
.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}
.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}
.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}
.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}
.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}
.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}
.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}
.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}
.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}
@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}
25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}
50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}
50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}
75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}
25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}
50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}
50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}
75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}
@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}
.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}
.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
.sk-three-bounce{margin:40px auto;width:80px;text-align:center}
.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}
.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}
.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}
.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}
.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}
.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1);transform:scale(1)}
}
.sk-cube-grid{width:40px;height:40px;margin:40px auto}
.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}
.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}
.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}
.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}
.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}
.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}
.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}
.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}
35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}
}
@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}
35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}
}
.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}
.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}
.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}
.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}
40%{opacity:1}
}
@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}
40%{opacity:1}
}
.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}
.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}
.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}
.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}
.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}
@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}
@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}
25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}
100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}
}