@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
div>ul>li,section{position:relative}
.img2,.y-middle{align-items:center}
#posiciona,.btn,.social-btn a,a.btn{text-align:center}
.owl-controls,.package-toggle+label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
body{font-family:'Open Sans',sans-serif;font-size:15px;line-height:0;color:#69696E;font-weight:400;-webkit-font-smoothing:antialiased;margin:0;padding:0}
.btn-app,.menu a,.mfp-close,a.btn-app{font-family:Roboto,sans-serif}
div>ul>li>ul>li,div>ul>li>ul>li>ul>li{display:block;font-size:15px;margin-bottom:20px}
section{overflow:hidden}
div>ul{font-size:15px}
div>ul>li{float:left;margin-left:5px}
div>ul>li:first-child{margin-left:0}
div>ul>li>a{color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:5px 10px}
div>ul>li>ul,div>ul>li>ul>li>ul{padding:15px 8px;position:absolute;z-index:1}
div>ul>li>ul{visibility:hidden;left:0;top:27px}
div>ul>li:hover>ul{visibility:visible;background:#fff;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
div>ul>li>ul>li{font-weight:400;line-height:.4}
div>ul>li>ul>li>ul{visibility:hidden;left:50px;top:23px}
div>ul>li>ul>li:hover>ul{visibility:visible;background:#f0f0f0;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.clearfix:after,.top{overflow:hidden;visibility:hidden}
@media only screen and (min-width:737px) {
.none2{display:none}
}
@media only screen and (min-width:1199px) {
.none{display:none}
}
.borda1{border-color:#c6c6c6;border-style:solid;border-width:1px}
.row{max-width:100%}
.img2{max-width:10%;margin:30px}
#posiciona{position:absolute;left:20%;top:50%;width:300px;height:250px;margin-left:-150px;margin-top:-125px;color:#FFF;background-color:#666;z-index:1000}
#fechar{font-size:12px;margin:5px}
.inverse1 a,a.inverse1,i.inverse1{color:#1F900E!important;line-height:1px!important}
blockquote{border-left:none;font-size:16px;line-height:16px;text-transform:none;margin:0;padding:0}
.h1,.h2,h1,h2{line-height:35px}
iframe{border:0}
.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:0;height:0}
.videoWrapper>.frameCover{position:absolute;left:0;top:0;width:100%;height:100%;background:0 0}
.h1,.h2,.h3,.h4,.h5,.h6,.h7,.lead,h1,h2,h3,h4,h5,h6,h7,p{margin-top:none;margin-bottom:none}
.h1,h1{font-weight:700;font-size:40px;text-shadow:0 1px 2px rgba(0,0,0,.1)}
.h2,h2{font-weight:600;font-size:30px}
.h3,.h4,h3,h4{font-weight:400;line-height:30px}
.h3,h3{font-size:25px}
.h4,h4{font-size:26px}
.h5,h5{font-weight:600;font-size:20px;line-height:24px}
.h6,h6{font-size:20px!important;line-height:15px}
p{font-size:16px;line-height:20px}
div>h6>a{font-weight:600!important;font-size:20px!important;line-height:38px}
.p-opacity{opacity:.7}
.lead{line-height:1.2;font-weight:400}
.f-w-300{font-weight:300}
.f-w-700{font-weight:700}
.btn,.f-w-900,a.btn{font-weight:900}
.text-blue{color:#00008B}
.bg-light{background-color:#fafafa}
.bg-black{background-color:#125009}
.bg-img{background:center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.canto{position:fixed;background:fixed;max-width:100%}
#div{background:url(http://alltasks.com.br/image/Logo.png) no-repeat fixed;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;background-size:cover}
:root .overlay{filter:none\0/ IE9}
.btn,a.btn{display:inline-block;color:#fff;margin-bottom:7px;margin-right:5px;font-size:15px;letter-spacing:1px;vertical-align:middle;white-space:pre-line;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;padding:11px 18px}
.btn.active:focus,.btn:active:focus,.btn:focus,.btn:hover,a.btn.active:focus,a.btn:active:focus,a.btn:focus,a.btn:hover{color:#fff;outline:0}
.btn-md,a.btn-md{font-size:16px;padding:15px 25px}
.btn-lg,a.btn-lg{font-size:18px;padding:25px 60px}
.btn-nav,.navbar-nav>li>a.btn-nav,a.btn-nav{color:#fff;margin-right:0;margin-bottom:0;opacity:1!important;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.active .btn-nav{background-color:#525e6c!important}
.cta-header .active .btn-blue.btn-nav{background-color:#1F900E!important}
.cta-header .active .btn-nav.btn-green{background-color:#56B68B!important}
.cta-header .active .btn-nav.btn-yellow{background-color:#f1c40f!important}
.btn.btn-border{background-color:transparent!important}
.menu,.sub-menu{list-style:none;margin:0;padding:0}
.clearfix:after{content:'.';display:block;clear:both;height:0;line-height:0;font-size:0}
.menu a{text-decoration:none;display:block;color:#fff;font-size:14px;text-transform:uppercase;font-weight:700;padding:10px}
.menu>li:hover{background:#444}
.sub-menu{display:none;position:absolute;min-width:150px}
.sub-menu li:hover{background:#555}
.sub-menu .sub-menu{top:0;left:100%}
.sombra{-webkit-box-shadow:11px 15px 82px -4px rgba(0,0,0,.6);-moz-box-shadow:11px 15px 82px -4px rgba(0,0,0,.6);box-shadow:11px 15px 82px -4px rgba(0,0,0,.6)}
.btn-grey,.inverse a.btn-grey,a.inverse.btn-grey{background-color:#EFF1F4;color:#69696E!important}
.btn.btn-grey{border:3px solid #EFF1F4}
.btn-grey:focus,.btn-grey:hover,.btn-nav.btn-grey:focus,.btn-nav.btn-grey:hover{background-color:#d7dce5}
.btn.btn-grey:focus,.btn.btn-grey:hover{border:3px solid #d7dce5}
.btn-shadow.btn-grey{-webkit-box-shadow:0 4px 0 #c7c8c9;-moz-box-shadow:0 4px 0 #c7c8c9;box-shadow:0 4px 0 #c7c8c9}
.btn-border.btn-grey,a.btn-border.btn-grey{color:#EFF1F4}
.btn.btn-orange{border:3px solid #ef7c46}
.btn-nav.btn-orange:focus,.btn-nav.btn-orange:hover,.btn-orange:focus,.btn-orange:hover{background-color:#ec6120}
.btn.btn-orange:focus,.btn.btn-orange:hover{border:3px solid #ec6120}
.btn-shadow.btn-orange{-webkit-box-shadow:0 4px 0 #c76f45;-moz-box-shadow:0 4px 0 #c76f45;box-shadow:0 4px 0 #c76f45}
.btn-border.btn-orange,a.btn-border.btn-orange{color:#ef7c46}
.btn-shadow.btn-blue{-webkit-box-shadow:0 4px 0 #1F900E;-moz-box-shadow:0 4px 0 #1F900E;box-shadow:0 4px 0 #1F900E}
.btn-green:focus,.btn-green:hover,.btn-nav.btn-green:focus,.btn-nav.btn-green:hover{background-color:#24a86d}
.btn.btn-green:focus,.btn.btn-green:hover{border:3px solid #24a86d}
.btn-shadow.btn-green{-webkit-box-shadow:0 4px 0 #487d65;-moz-box-shadow:0 4px 0 #487d65;box-shadow:0 4px 0 #487d65}
.btn.btn-red{border:3px solid #e74c3c}
.btn-nav.btn-red:focus,.btn-nav.btn-red:hover,.btn-red:focus,.btn-red:hover{background-color:#db2b19}
.btn.btn-red:focus,.btn.btn-red:hover{border:3px solid #db2b19}
.btn-shadow.btn-red{-webkit-box-shadow:0 4px 0 #ba463a;-moz-box-shadow:0 4px 0 #ba463a;box-shadow:0 4px 0 #ba463a}
.btn.btn-purple{border:3px solid #8e44ad}
.btn-nav.btn-purple:focus,.btn-nav.btn-purple:hover,.btn-purple:focus,.btn-purple:hover{background-color:#722294}
.btn.btn-purple:focus,.btn.btn-purple:hover{border:3px solid #722294}
.btn-shadow.btn-purple{-webkit-box-shadow:0 4px 0 #66377a;-moz-box-shadow:0 4px 0 #66377a;box-shadow:0 4px 0 #66377a}
.btn.btn-yellow{border:3px solid #f1c40f}
.btn-nav.btn-yellow:focus,.btn-nav.btn-yellow:hover,.btn-yellow:focus,.btn-yellow:hover{background-color:#ddb100}
.btn.btn-yellow:focus,.btn.btn-yellow:hover{border:3px solid #ddb100}
.btn-shadow.btn-yellow{-webkit-box-shadow:0 4px 0 #d1b234;-moz-box-shadow:0 4px 0 #d1b234;box-shadow:0 4px 0 #d1b234}
.btn-border.btn-yellow,a.btn-border.btn-yellow{color:#f1c40f}
.btn.btn-dark{border:3px solid #525e6c}
.btn-dark:focus,.btn-dark:hover,.btn-nav.btn-dark:focus,.btn-nav.btn-dark:hover{background-color:#38485b}
.btn.btn-dark:focus,.btn.btn-dark:hover{border:3px solid #38485b}
.btn-shadow.btn-dark{-webkit-box-shadow:0 4px 0 #31363b;-moz-box-shadow:0 4px 0 #31363b;box-shadow:0 4px 0 #31363b}
.btn-black,.inverse a.btn-black,a.inverse.btn-black{background-color:#2e3234}
.btn.btn-black{border:3px solid #2e3234}
.btn-black:focus,.btn-black:hover,.btn-nav.btn-black:focus,.btn-nav.btn-black:hover{background-color:#21272a}
.btn.btn-black:focus,.btn.btn-black:hover{border:3px solid #21272a}
.btn-ghost,.btn-white{border:3px solid #fff}
.btn-shadow.btn-black{-webkit-box-shadow:0 4px 0 #0a0b0b;-moz-box-shadow:0 4px 0 #0a0b0b;box-shadow:0 4px 0 #0a0b0b}
.btn-border.btn-black,a.btn-border.btn-black{color:#2e3234}
.btn-ghost{background-color:transparent;color:#fff}
.btn-white{background-color:#fff;color:#69696E!important}
.btn-white:hover{background-color:transparent;color:#fff!important}
.social-btn a{font-size:22px!important;border-radius:50px;display:inline-block;width:40px;height:40px;color:#fff;margin:-10px 0 0 1px}
.social-btn a:hover{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3)}
.sb-facebook{background-color:#3b5998}
.sb-facebook:hover{background-color:#4c70ba}
.sb-foursquare{background-color:#ef4b78}
.sb-foursquare:hover{background-color:#f37a9b}
.sb-google-plus{background-color:#dd4b39}
.sb-instagram{background-color:#3f729b}
.sb-instagram:hover{background-color:#548cb9}
.sb-linkedin{background-color:#0976b4}
.sb-linkedin:hover{background-color:#0b96e5}
.sb-pinterest{background-color:#cc2127}
.sb-pinterest:hover{background-color:#e04046}
.sb-skype{background-color:#00aff0}
.sb-skype:hover{background-color:#24c4ff}
.sb-twitter{background-color:#55acee}
.sb-twitter:hover{background-color:#83c3f3}
.sb-vimeo{background-color:#1ab7ea}
.sb-vimeo:hover{background-color:#49c6ee}
.sb-youtube{background-color:#e52d27}
.sb-youtube:hover{background-color:#ea5955}
.sb-black{background-color:#69696E}
.btn-app,a.btn-app{color:#fff;background-color:#000;border-radius:4px;position:relative;display:inline-block;font-size:25px;line-height:20px;font-weight:700;text-align:left;margin:4px;padding:13px 20px 13px 60px}
.form-inline .form-group,.form-inline .form-group input,input#dfSubject{margin-bottom:2px}
.btn-app i{position:absolute;left:15px;top:10px;font-size:45px}
.loader,.top{position:fixed}
.btn-app span{display:block;font-size:12px;padding-left:2px}
.btn-app.google-play i{top:7px}
.btn-app.windows-store{padding-left:70px}
.top{display:inline-block;height:60px;width:60px;bottom:30px;right:30px;z-index:10;box-shadow:0 0 10px rgba(0,0,0,.05);text-indent:100%;white-space:nowrap;background:url(../images/top-arrow.svg) center 50% no-repeat #636363;opacity:0;-webkit-transition:opacity .3s 0 visibility 0 .3s;-moz-transition:opacity .3s 0 visibility 0 .3s;transition:opacity .3s 0 visibility 0 .3s}
.no-touch .top:hover,.top.fade-out,.top.is-visible{-webkit-transition:opacity .3s 0 visibility 0 0;-moz-transition:opacity .3s 0 visibility 0 0;transition:opacity .3s 0 visibility 0 0}
.top.is-visible{visibility:visible;opacity:1}
.top.fade-out{opacity:.5}
.no-touch .top:hover{background-color:#e86256;opacity:1}
.form-control{background:#e8ebed;color:#657380;font-size:15px;font-weight:700;width:100%;height:auto;outline:0;border:2px solid #e8ebed;box-shadow:none;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;padding:16px}
.form-control:focus{background:#fff;box-shadow:none;border-color:#d4d9dd}
.form-white .form-control{background:#fff;color:#657380;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border-color:#fff}
.form-white .form-control:focus{border-color:#fff}
.form-horizontal .control-label{padding-top:14px}
.form-group textarea{width:98%;height:50px}
.form-group button{line-height:5px;width:100%;height:0}
.form-inline button{font-size:15px;font-weight:900;vertical-align:top;text-transform:uppercase;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:12px 25px}
.form-inline.double-input .form-control{width:49%}
.form-inline.double-input button{width:99%}
input[type=checkbox],input[type=radio]{margin-top:6px}
.input-group-addon{font-size:25px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#e8ebed;border:2px solid #e8ebed;border-radius:4px;padding:6px 20px}
input#dfSubject{margin-top:6px;width:98%}
textarea{resize:vertical}
.form-inline .btn{padding:14px 25px 15px}
.form-paypal .form-group .form-control{padding-left:10px}
.form-paypal select.form-control{height:57px}
.mc-response{font-size:18px;line-height:22px;font-weight:900;margin-top:10px;color:#fff;background-color:#8e44ad;border-radius:5px;-webkit-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-o-transition:all 2s ease-in-out;transition:all 2s ease-in-out;padding:20px}
.failed,.success{display:none;border-radius:5px;font-size:17px;line-height:20px;color:#fff;padding:10px}
.carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}
.carousel-fade .carousel-control{z-index:2}
.carousel-indicators li{border:2px solid #fff}
.carousel-indicators.inverse li{background-color:#869791;border:1px solid #869791;opacity:.75}
.shadow{-webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,.1);-moz-box-shadow:0 3px 6px 0 rgba(0,0,0,.1);box-shadow:0 3px 6px 0 rgba(0,0,0,.1);-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;-ms-transition:.2s ease-out;transition:.2s ease-out;margin-bottom:10px;margin-left:5px;margin-right:5px}
.h figcaption,.h figure img{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;width:100%}
.m-b-0,.m-y-0{margin-bottom:0!important}
.m-r-0,.m-x-0{margin-right:0!important}
.shadow:hover{-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.2);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.2);box-shadow:0 6px 12px 0 rgba(0,0,0,.2)}
.owl-theme.inverse .owl-controls .owl-page.active span{background-color:#fff;border:2px solid #fff}
.owl-theme.inverse .owl-controls .owl-page span{border:2px solid #fff;background-color:transparent}
.loader{top:0;left:0;right:0;bottom:0;z-index:99999;height:100%;width:100%;text-align:center;overflow:hidden!important}
.loader.bg-grey .loader-inner>div,.loader.bg-light .loader-inner>div,.loader.bg-white .loader-inner>div{border:1px solid #69696E}
.mfp-close{font-weight:900;font-size:30px}
.h figure{z-index:1;position:relative;overflow:hidden}
.h figure img{display:block;position:relative;height:auto;transition:all .5s ease-in-out}
.h figcaption,.navbar-static-top,.vertical-center-abs,.vh-center{position:absolute}
.h figcaption{bottom:0;top:0;opacity:0;z-index:1;transition:all .5s ease-in-out}
.h figure:hover figcaption,.h figure:hover img,.navbar{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.h figure:hover figcaption,.h figure:hover img{opacity:1;transition:all .5s ease-in-out}
.h.caption-5 .caption-box,.h.caption-5 figure:hover a,.h.caption-5 figure:hover p{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out}
.h.caption-1 figcaption{border:3px solid #dedde1;border-radius:0;background-color:rgba(255,255,255,1)}
.h.caption-2 figure img{z-index:10}
.h.caption-2 figure:hover img{transform:translateY(-50px) scale(.5)}
.h.caption-2 figcaption .caption-box{position:absolute;bottom:5%;width:100%;text-align:center}
.h.caption-2 figcaption .caption-box p,.h.caption-3 figcaption .caption-box p{font-size:16px;font-weight:900}
.h.caption-2 figcaption .caption-box p.small,.h.caption-3 figcaption .caption-box p.small{font-size:14px;font-weight:400;font-style:italic}
.h.caption-2 figcaption .caption-box a,.h.caption-3 figcaption .caption-box a{padding:5px 10px}
.h.caption-3 figure:hover img{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px)}
.h.caption-3 figcaption{top:auto;border:none;padding-top:10px;background-color:#1F900E;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.h.caption-3 figure:hover figcaption{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.h.caption-4 figcaption{background-color:rgba(51,51,51,.8)}
.h.caption-4 figure:hover img,.h.caption-5 figure:hover img{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}
.h.caption-5 figcaption{opacity:1;background-color:rgba(0,0,0,.15)}
.h.caption-5 .caption-box{padding-left:20px;padding-right:20px;padding-top:23%;width:100%;transition:all .5s ease-out}
.p-l-0,.p-x-0{padding-left:0!important}
.p-r-0,.p-x-0{padding-right:0!important}
.h.caption-5 figure a,.h.caption-5 figure p{visibility:hidden;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}
.h.caption-5 figure:hover a,.h.caption-5 figure:hover p{visibility:visible;transition:all .5s ease-out}
.h.caption-5 figure:hover .caption-box{padding-top:0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.h.caption-5 .caption-box h5>span{display:block;text-transform:uppercase;font-weight:800;font-size:15px}
.menu{margin-left:380px}
.m-l-0,.m-x-0{margin-left:0!important}
.menu h4{margin-top:1px}
.m-t-0,.m-y-0{margin-top:0!important}
.col-md-4 menu{height:50px}
.m-a-0{margin:0!important}
.m-r,.m-x{margin-right:10px!important}
.m-l,.m-x{margin-left:10px!important}
.m-t,.m-y{margin-top:10px!important}
.m-b,.m-y{margin-bottom:10px!important}
.m-a{margin:10px!important}
.m-t-md,.m-y-md{margin-top:25px!important}
.m-x-auto{margin-right:auto!important;margin-left:auto!important}
.m-r-md,.m-x-md{margin-right:25px!important}
.m-l-md,.m-x-md{margin-left:25px!important}
.m-a-md{margin:25px!important}
.m-t-md{margin-bottom:200px!important}
.m-b-md{font-weight:400;margin-bottom:15px!important}
.m-r-lg,.m-x-lg{margin-right:50px!important}
.m-l-lg,.m-x-lg{margin-left:50px!important}
.m-y-md{margin-bottom:25px!important}
.m-t-lg,.m-y-lg{margin-top:50px!important}
.m-b-lg,.m-y-lg{margin-bottom:50px!important}
.m-a-lg{margin:50px!important}
.new-row-md,.new-row-sm{margin-top:40px}
.p-a-0{padding:0!important}
.p-t-0{padding-top:0!important}
.p-b-0{padding-bottom:0!important}
.p-l,.p-x{padding-left:30px!important}
.p-r,.p-x{padding-right:30px!important}
.p-y-0{padding-top:1px!important;padding-bottom:1px!important}
.p-t,.p-y{padding-top:30px!important}
.p-a{padding:30px!important}
.p-r-md,.p-x-md{padding-right:60px!important}
.p-l-md,.p-x-md{padding-left:60px!important}
.p-y{padding-bottom:30px!important}
.p-t-md,.p-y-md{padding-top:60px!important}
.p-a-md{padding:60px!important}
.p-r-lg,.p-x-lg{padding-right:120px!important}
.p-l-lg,.p-x-lg{padding-left:120px!important}
.p-y-md{padding-bottom:60px!important}
.p-a-lg{padding:120px!important}
.p-t-lg{padding-top:120px!important}
.p-b-lg{padding-bottom:120px!important}
.p-y-lg{padding-top:5px!important;padding-bottom:30px!important}
.vertical-center-abs,.vertical-center-rel{top:45%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.vh-center{top:50%;left:50%;margin-right:-50%;-webkit-transform:translate (-50%,-50%);-moz-transform:translate (-50%,-50%);-o-transform:translate (-50%,-50%);-ms-transform:translate (-50%,-50%);transform:translate (-50%,-50%)}
.y-middle{display:flex;margin-left:10%;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-direction:row;-webkit-flex-direction:row;max-width:100%}
.navbar{background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.1);border:none;margin-bottom:0;transition:all .5s ease-in-out;padding:20px}
.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{background-color:transparent}
.top-nav-collapse{padding:10px}
.navbar-brand{height:auto;padding:3px 0 0}
.navbar-nav>li>a{color:#404B55;font-size:15px;font-weight:600;-webkit-font-weight:500;opacity:.8;border-radius:3px;margin-right:0;padding:5px 9px}
.navbar-nav>li>a:hover{opacity:1;color:#1F900E!important}
.navbar-nav>.active>a,.navbar-nav>.active>a:focus,.navbar-nav>.active>a:hover{background-color:#eee;opacity:1}
.navbar-toggle{border:none;padding:5px 8px 3px}
.navbar-toggle .icon-bar{background-color:#404B55;opacity:.8}
.navbar.bg-transparent{background-color:transparent;border:none;box-shadow:none;color:#fff}
.navbar.bg-transparent.top-nav-collapse{background-color:#f0f0f0;box-shadow:0 2px 12px -1px rgba(0,0,0,.75);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.navbar.bg-transparent.top-nav-collapse .navbar-nav>li>a{color:#404B55;opacity:.8}
.navbar.bg-color .navbar-toggle .icon-bar{background-color:#fff;opacity:1}
.navbar-static-top{top:0;left:0;right:0}
.navbar.nav-onlylogo .navbar-brand{float:none;display:block}
.navbar-nav>li>a.btn-login,.navbar-nav>li>a.btn-signup{padding-top:7px;padding-bottom:8px;margin-bottom:0}
.navbar-nav>li>a.btn-login{margin-left:150px;margin-right:10px}
.navbar-nav>li>a.btn-signup{color:#fff!important;opacity:1}
.nav-3cols{font-size:15px;font-weight:700;padding-top:6px}
.nav-3cols.nav-callus i{font-size:21px;vertical-align:middle;margin-right:5px}
.nav-3cols.nav-callus .phone-number{font-size:21px;font-weight:900;margin-left:5px}
.nav-3cols .social-btn .phone-number{vertical-align:top}
.navbar.bg-transparent .nav-3cols-logo .logo-black,.navbar.bg-transparent .nav-3cols-logo .logo-white{margin:0 left}
.nav-2.affix{position:fixed;top:0;width:100%;z-index:10}
.top-bar{border-bottom:1px solid #EFF1F4;color:#404B55;font-size:14px;opacity:.8;padding:20px}
.top-bar .contact-info .email,.top-bar .contact-info .phone,.top-bar .schedule span{font-size:15px;font-weight:700}
.top-bar .contact-info i,.top-bar .schedule i{font-size:20px;font-weight:700;margin-right:5px;vertical-align:text-bottom}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#E8E8E8}
.bg-transparent .nav .open>a,.bg-transparent .nav .open>a:focus,.bg-transparent .nav .open>a:hover{background-color:transparent;border-color:transparent}
.dropdown-menu>li>a{color:#404B55;font-size:15px;font-weight:700;opacity:.8;padding:9px 15px}
.navbar-nav>li>.dropdown-menu{border:1px solid rgba(0,0,0,.1);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1)}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;margin-top:5px;margin-right:-10px;border-color:transparent transparent transparent #E8E8E8;border-style:solid;border-width:5px 0 5px 5px}
.closeup-box,.dashboard-box{width:50%;position:absolute}
.dropdown-submenu:hover>a:after{border-left-color:#fff}
.dropdown-submenu.pull-left{float:none}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}
.hero{height:700px}
.hero.height-800,.hero.height-800-fix{height:800px}
.hero .btn a{font-size:17px;color:#fff}
.closeup-box{bottom:0}
.closeup-box img{float:right;height:650px}
.hero .list-unstyled li{font-size:21px;margin-bottom:10px;font-weight:700}
.hero .list-unstyled li>i{font-size:32px;font-weight:700;vertical-align:sub;margin-right:5px}
.dashboard-box{bottom:-50px}
.dashboard-box img{height:600px;padding-left:20px}
.carousel-dashboard .carousel-indicators{position:absolute;bottom:102%}
.hero.hero-devices{height:auto;padding-top:140px;padding-bottom:80px}
.hero.hero-countdown{height:auto;padding-top:160px;padding-bottom:100px}
.hero-leadbox{height:auto;padding-top:150px;padding-bottom:15px}
.hero-leadbox .form-horizontal.form-2col{margin-left:80px;padding:5px 25px 1px}
.hero-leadbox h5{font-size:20px;font-weight:900}
.hero-leadbox .form-group.w-50 input{display:inline-block;width:48.5%;height:0}
.hero-leadbox .feature-box i{font-size:50px;font-weight:400;margin-right:10px}
.hero-leadbox .form-group button.picker__button--clear,.hero-leadbox .form-group button.picker__button--close,.hero-leadbox .form-group button.picker__button--today{width:33%}
.popup-box img{max-width:80%;border-radius:4px;box-shadow:0 1px 3px 1px rgba(0,0,0,.2);margin:0 auto}
.popup-box .popup-button{position:absolute;top:40%;left:40%}
.popup-box .popup-button i{font-size:50px;margin-top:-22px;color:#fff;background:#56B68B;border-radius:50%;box-shadow:0 1px 5px 2px rgba(0,0,0,.29);padding:23px 24px 22px 35px}
.content-split .img-block,.spotlight-block>figure>.img-wrap{right:0;background-repeat:no-repeat;background-position:center center;top:0}
.options-table,.pricing-table{box-shadow:1px 3px 3px rgba(0,0,0,.1)}
.big-popup i{font-size:150px;color:#fff}
.watch-video{font-size:16px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;margin-left:25px}
.watch-video i{font-size:28px;margin-right:5px;vertical-align:sub}
.watch-video:hover i{transform:scale(1.6);-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);margin-right:10px}
.section-header{margin-bottom:0}
.content-border{border-bottom:1px solid #E5E5E5}
.content-block .h5,.content-block h5{font-weight:900;font-size:20px;line-height:22px}
.content-block .img-circle{width:180px;height:180px;margin:0 auto}
.content-dashboard{overflow-x:hidden}
.content-dashboard .dash-left{margin-left:-400px}
.content-split .img-block{position:absolute;height:600px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:0}
.content-split .img-block.left-block{left:0}
.content-split .content-block{height:600px;padding-left:0;padding-right:60px}
.spotlight-block>figure{height:500px;position:relative;overflow:hidden}
.spotlight-block>.spotlight-text{height:500px;padding-left:50px;padding-right:50px}
.spotlight-block>figure>.img-wrap{height:500px;position:absolute;left:0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.spotlight-block.img-left>.spotlight-text,.spotlight-block.img-right>figure{overflow:visible;z-index:2}
.spotlight-block.img-left>.spotlight-text:after,.spotlight-block.img-right>figure:after{content:'';display:block;position:absolute;width:20px;height:100%;left:-10px;top:0;bottom:0;background:#fff}
.spotlight-block>.spotlight-text h6{font-size:17px;margin-bottom:20px}
.content-grid>div{height:600px;overflow:hidden}
.content-grid>div:first-child{padding-right:5px}
.content-grid .lead-block{margin-bottom:20px;padding:80px 40px}
.content-grid .img-block{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.features-block i{font-size:60px;font-weight:400}
.features-block h4{font-size:23px;line-height:24px;font-weight:900;margin-top:15px}
.features-block .icon-left i{float:left;margin-top:10px;margin-right:15px;font-size:50px}
.features-block .img-left img{float:left;width:128px;margin-top:10px;margin-right:22px}
.features-block .img-left p{margin-left:150px}
.features-block .fix-box{height:400px;padding-right:40px;padding-left:40px}
.features-device{padding-top:80px}
.features-tab .p-tab{font-size:19px;line-height:23px}
.features-tab .tab-title{width:33%;text-transform:uppercase;position:relative;cursor:pointer;border-bottom:1px solid #dedde1;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:.05s ease;-moz-transition:.05s ease;-ms-transition:.05s ease;transition:.05s ease;padding:30px 40px}
.features-tab.text-white .tab-title{border-bottom:1px solid #fff}
.features-tab .tab-title.current{color:#fff;background-color:#1F900E}
.features-tab.text-white .tab-title.current{color:#69696E;background-color:#fff}
.features-tab .tab-title .i-right{position:absolute;right:20px;top:50%;margin-top:-15px;opacity:0;font-size:30px;-webkit-transition:.2s ease;-moz-transition:.2s ease;-ms-transition:.2s ease;transition:.2s ease}
.features-panels .nav-tabs.nav-justified>li>a,.features-tab .tab-content{-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease}
.features-tab .tab-title.current .i-right{opacity:1;color:#fff}
.features-tab.text-white .tab-title.current .i-right{opacity:1;color:#69696E}
.features-tab .tab-content{position:absolute;right:3%;top:30%;width:60%;opacity:0;margin-top:-100px;-webkit-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);transition:.3s ease}
.features-tab .tab-title.current+.tab-content{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.features-panels .nav-tabs.nav-justified>li{text-align:center;padding:35px 15px 0}
.features-panels .nav-tabs.nav-justified>li>a{border:1px solid #e5f0fb;color:#69696E;border-radius:0;text-transform:uppercase;font-size:15px;line-height:18px;font-weight:700;transition:.3s ease;padding:10px 0}
.features-panels .nav-tabs.nav-justified>.active>a,.features-panels .nav-tabs.nav-justified>.active>a:focus,.features-panels .nav-tabs.nav-justified>.active>a:hover{border:1px solid #1F900E;color:#69696E;font-weight:900}
.item a:hover,.item.active a:hover{color:#69696E!important}
.features-panels li a img{display:block;width:60px;height:60px;background-color:#fff;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;transition:.3s ease;margin:-35px auto 20px}
.features-panels .tab-content h3:after{content:'';width:100px;height:3px;background:#1F900E;display:block;margin:10px 0}
.features-panels .icon-left i{float:left;margin-right:5px;font-size:20px}
.cta .outline{border:1px solid #DDD;border-radius:10px;padding:40px 30px}
.cta .outline .lead{font-size:23px;line-height:29px;margin-top:2px;margin-bottom:0}
.cta .outline .btn-md{font-size:18px;margin-bottom:0;padding:18px 40px}
.cta .outline.bg-grey{border:1px solid #e9f0f3}
.cta .outline.no-border{border:none;padding:20px 30px}
.cta .single-line p.lead{display:inline-block;margin-bottom:15px}
.cta .cta-box{background-color:#EFF1F4;border-radius:5px;width:80%;margin:20px auto 10px;padding:15px}
.cta .cta-box a{width:100%;font-size:25px;line-height:30px;margin:0}
.cta .cta-arrow{position:absolute;top:50px;right:0}
.cta .info{font-size:22px;line-height:26px;margin-bottom:0}
.testimonials .cite{font-weight:900;font-size:18px}
.testimonials .cite-info{display:block;font-weight:700;font-size:14px;margin-top:5px}
.testimonials .img-left .cite{margin-left:95px;margin-top:15px}
.testimonials .img-left .cite-info{font-style:italic}
.testimonials .img-left figure{float:left;clear:both;width:95px;height:90px}
.testimonials .img-left blockquote p{clear:both}
.testimonials .quote-border{border:2px solid #EFF1F4;border-radius:3px;position:relative;padding:55px 20px 30px}
.testimonials .quote-border figure{position:absolute;top:-50px}
.testimonials .quote-border p{margin-bottom:30px;line-height:21px}
.testimonials .quote-border .cite-info{font-size:13px;margin-top:3px}
.testimonials .big-quote i{font-size:45px}
.testimonials .big-quote p{font-size:25px;line-height:29px}
.testimonials .big-quote .cite{font-size:16px;text-transform:uppercase}
.testimonials .big-quote .cite-info{font-size:15px;text-transform:none}
.testimonials-right p{font-size:18px}
.bg-popup i{color:#fff;font-size:100px}
.video .popup-button{top:37%;left:37%}
.video .popup-button.sm-popup{top:30%;left:34%}
.clients{margin:0 auto}
.clients img{display:inline-block;max-height:128px;opacity:.55;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:10px 50px 0}
.clients img:hover{opacity:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.clients.c-grid img{height:128px;margin:20px 0 0}
.clients h6{font-size:23px;font-weight:900}
.clients h4{font-size:28px;line-height:32px;font-weight:900}
.clients p{font-size:16px}
a.share,a.share-block{font-size:13px;font-weight:700}
a.share-block{display:block;height:160px;border-radius:5px;background-color:#fff;border:1px solid #dedcd7;padding-left:10px;padding-right:10px;padding-top:40px;color:#919191;text-decoration:none;margin:10px auto}
.share-color a.share-block{border:none;color:#fff}
a.share{color:#919191}
.share i,.share-block i{font-size:50px;display:block;margin-bottom:10px}
.share-color .share-block:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.share-block.twt:hover,.share-color .share-block.twt{background-color:#32b6e6}
.share-block.fb:hover,.share-color .share-block.fb{background-color:#6e88c6}
.share.twt:hover{color:#32b6e6}
.share.fb:hover{color:#6e88c6}
.share.gp:hover{color:#e47365}
.twitter-header i{font-size:70px;color:#32b6e6}
.twitter-header p{font-weight:700;font-size:15px}
.twitter-header{margin-bottom:30px}
.twitter-feed ul{padding-left:0}
.twitter-feed .tweet{font-size:23px;line-height:27px;font-weight:700}
.twitter-feed .timePosted a{opacity:.7;font-size:14px;font-style:italic;font-weight:700;color:#69696E}
.twt-white .twitter-feed .timePosted a,.twt-white .twitter-feed .tweet a{font-weight:900;opacity:1}
.twt-line i{font-size:40px;color:#32b6e6}
.twt-line .twitter-feed .tweet{font-size:16px;line-height:20px;margin-bottom:0}
.twt-line .twitter-feed .timePosted a{font-size:12px;font-weight:700;color:#69696E}
.insta-col .instagram-feed,.insta-grid .instagram-feed,.insta-line .instagram-feed{overflow:hidden;position:relative}
.insta-col .instagram-feed ul,.insta-grid .instagram-feed ul,.insta-line .instagram-feed ul{padding:0}
.insta-col .instagram-feed li,.insta-grid .instagram-feed li,.insta-line .instagram-feed li{width:20%;display:inline-block;float:left;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-ms-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}
.insta-col .instagram-feed li{width:33.3333%}
.insta-col .instagram-title{padding-left:50px;padding-right:50px}
.insta-line .insta-square{display:block;width:70px;height:70px;position:absolute;left:0;bottom:0}
.insta-line .insta-square i{font-size:50px}
.portfolio-grid{display:block;position:relative;margin-left:3px;margin-right:3px;padding-left:0;margin-bottom:0}
.portfolio-grid:after{content:"";display:block;clear:both}
.portfolio-grid li{display:block;position:relative;overflow:hidden;float:left;width:25%;padding:0}
.portfolio-card figure{border-radius:5px}
.screenshots .portfolio-grid li{width:30%;margin:0 10px}
.carousel-app div[class^=col-]{padding-left:5px;padding-right:5px}
.pricing-3pf .info{border-radius:10px;margin-bottom:20px;padding:20px 10px}
.pricing-3pf .info .price{font-size:95px;font-weight:900;padding-top:30px;padding-bottom:50px}
.pricing-3pf .info .price .currency{font-size:50px;font-weight:400;vertical-align:super;margin-right:-15px}
.pricing-3pf .info .price .cents{font-size:30px;font-weight:400;vertical-align:bottom;margin-left:-15px}
.pricing-3pf .details h5{font-size:20px;line-height:20px;margin-bottom:5px}
.pricing-3pf .details p{font-size:17px;line-height:17px}
.pricing-3pf .blue .details hr{border-color:#1F900E}
.pricing-3pf .purple .details hr{border-color:#8e44ad}
.pricing-3pf .dark .details hr{border-color:#525e6c}
.pricing-3pf .red .details hr{border-color:#e74c3c}
.pricing-3po .info{border:3px solid #EFF1F4;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:25px;padding:35px 20px}
.pricing-3po .info.bg-color{border-color:transparent}
.pricing-3po .info .price{font-size:80px;font-weight:900;padding-top:30px;padding-bottom:60px;margin-right:20px}
.pricing-st .info{background:#EEF0F3;border-top:3px solid #EEF0F3;max-width:400px;-webkit-transition:border-color .3s;transition:border-color .3s;padding:50px 60px}
.pricing-st .info h4,.pricing-st .info p{padding-bottom:15px;border-bottom:3px solid rgba(139,144,157,.18)}
.pricing-st .info p{font-size:17px}
.pricing-st .info .price{font-size:80px;font-weight:900;padding-top:20px;padding-bottom:35px;margin-right:20px}
.pricing-st .details{padding-left:0;list-style-type:none;font-style:italic}
.pricing-st p{font-size:18px;line-height:22px}
.pricing-sc .info{background-color:#fff;border-radius:10px;padding:50px 20px}
.pricing-sc .price{color:#fff;border-radius:50%;width:200px;height:200px;font-size:60px;font-weight:900;margin:0 auto}
.pricing-sc .price .tag{display:block;padding-top:40px;margin-bottom:30px;text-transform:uppercase;font-size:16px;font-weight:900}
.pricing-2p .info{background:#fff;border:2px solid #EFF1F4;border-radius:5px;padding:40px 50px}
.pricing-2p h4{display:inline-block;text-align:left}
.pricing-2p .price{display:inline-block;float:right;clear:both;font-size:35px;font-weight:700}
.pricing-2p .price span{font-size:27px;font-weight:400}
.pricing-2p .details{padding-left:0;list-style-type:none;font-size:19px}
.pricing-2p .details li i{font-weight:400;font-size:25px;vertical-align:middle;margin-right:10px}
.pricing-2p .info a{width:100%;font-size:17px;padding-top:10px;padding-bottom:10px;margin:0 auto}
.pricing-table{background-color:#fff;border-radius:5px}
.pricing-table li{text-align:center;font-size:17px;font-weight:400;line-height:20px;padding:15px 20px 0}
.pricing-table li.price{text-align:center;color:#fff;font-size:80px;font-weight:900;padding-top:40px;padding-bottom:56px;background-color:#1F900E;border-top-left-radius:5px;border-top-right-radius:5px}
.pricing-table li.price i{font-size:30px;font-weight:400;vertical-align:super}
.pricing-table li:last-child{padding:15px 20px}
.pricing-table li[class^=package]{overflow:hidden;height:0;-webkit-transition:.3s;transition:.3s;padding:0 20px}
li[class^=package].active{height:35px;font-weight:700;font-size:17px;padding:15px 20px 0}
.options-table{background-color:#fff;border-radius:10px;padding:30px 30px 12px}
.options-table .switch{display:block;height:50px}
.options-table .switch .package-title{float:left;margin-bottom:0;font-size:17px;font-weight:700;line-height:23px;margin-top:3px}
.package-toggle{position:absolute;margin-left:-9999px;visibility:hidden}
.package-toggle+label{display:block;position:relative;cursor:pointer;outline:0;user-select:none}
input.toggle-round-flat+label{width:60px;height:30px;background-color:#EFF1F4;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;-webkit-transition:background .4s;-moz-transition:background .4s;-o-transition:background .4s;transition:background .4s;padding:1px}
input.toggle-round-flat+label:after,input.toggle-round-flat+label:before{display:block;position:absolute;content:""}
input.toggle-round-flat+label:before{top:1px;left:1px;bottom:1px;right:1px;background-color:#EFF1F4;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;-webkit-transition:background .4s;-moz-transition:background .4s;-o-transition:background .4s;transition:background .4s}
input.toggle-round-flat+label:after{top:3px;left:3px;bottom:3px;width:26px;background-color:#fff;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px;border-radius:26px;-webkit-transition:margin .4s background .4s;-moz-transition:margin .4s background .4s;-o-transition:margin .4s background .4s;transition:margin .4s background .4s}
input.toggle-round-flat:checked+label:after{margin-left:30px}
.ticket-prices .item-price{border:3px solid #EFF1F4;height:140px;padding-right:25px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.ticket-prices.ticket-selection .item-price{cursor:pointer}
.ticket-prices .item-price .amount{float:left;height:140px;width:140px;color:#fff;font-size:40px;line-height:130px;font-weight:900;text-align:center;margin:-3px 26px 0 -3px}
.ticket-prices .item-price h4,.ticlet-prices .item-price .ticket-info{padding-right:25px}
.ticket-prices .item-price h4{padding-top:4%}
.team .role{text-transform:uppercase;font-size:12px;font-weight:900}
.team-member .tm-img img{opacity:1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.team-member .tm-details,.team-member:hover .tm-img img{-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out}
.team-member:hover .tm-img img{opacity:.7;transition:all .25s ease-out;-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.team-member .tm-details{position:relative;background-color:#fff;bottom:0;border-top:1px solid #ddd;transition:all .25s ease-out;padding:30px 25px 0}
.team-member:hover .tm-details{bottom:110px;border-top:1px solid #ddd;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.team-member .tm-name .tm-job{display:block;font-weight:400;text-transform:uppercase;margin-top:5px}
.team-member .tm-info{visibility:hidden;margin-bottom:0}
.team-member:hover .tm-info{visibility:visible}
.text-white .team-list{border:1px solid #fff}
.team-list .tl-image img{width:200px;height:200px}
.blog .post-info{margin-top:20px;margin-bottom:18px;clear:both}
.blog .post-info .date{float:left;margin-right:10px;width:60px;text-align:center;font-weight:900;color:#fff;background:#1F900E;border-radius:3px;padding:5px}
.blog .post-info h6{font-size:14px;margin-top:0}
.blog .post-meta{text-transform:uppercase;font-size:12px;font-weight:900;color:#1F900E;margin-bottom:5px}
.blog .post-meta .date{margin-right:50px}
.faq{margin-left:10px;margin-right:10px;margin-bottom:30px;border-radius:10px;padding:30px 50px}
.faq-item h5{font-weight:900;font-size:20px;line-height:24px}
.schedule .panel-heading{background-color:transparent;border-color:#ddd}
.schedule .panel-title a{color:#69696E;font-size:15px;font-weight:700}
.schedule .panel-title .talk{display:block;opacity:.7;line-height:18px}
.schedule .panel-body img{float:left;margin-right:20px}
.schedule .panel-body h6{font-weight:700;font-size:15px;margin-bottom:15px;margin-top:0}
.schedule .panel-body p{font-size:14px}
.countdown .timer{display:inline-block;margin-left:25px;margin-right:25px;font-size:14px;line-height:18px;font-weight:400}
.countdown .timer>div{font-size:80px;line-height:84px;font-weight:700}
.funfacts i{font-size:50px;margin-bottom:20px}
.funfacts .counter{font-size:45px;line-height:50px;font-weight:700;margin-bottom:10px}
.funfacts .text{font-size:19px;line-height:22px}
.funfacts .counter-left{display:inline;float:left;margin-right:10px;margin-bottom:20px}
.funfacts .counter-left i{float:left;font-size:20px;margin-top:15px;margin-right:5px}
.funfacts .counter-left .counter{display:inline}
.path{height:350px;width:100%;padding-left:5%;padding-right:5%;border-radius:5px;margin:0 auto}
.path h5{font-size:19px}
.course-level .level{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background-color:transparent;margin-right:3px}
.course-level p{display:inline-block;margin-left:20px}
.timeline{border-left:4px solid #fff;border-bottom-right-radius:4px;border-top-right-radius:4px;position:relative;list-style:none;text-align:left;margin:0 auto;padding:50px}
.timeline .event{border-bottom:1px dashed #fff;padding-bottom:25px;margin-bottom:50px;position:relative}
.timeline .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}
.timeline .event:after,.timeline .event:before{position:absolute;display:block;top:0}
.timeline .event:before{left:-217.5px;color:#fff;font-weight:900;font-size:15px;content:attr(data-date);text-align:right}
.timeline .event:after{box-shadow:0 0 0 4px #fff;left:-57.85px;background:#fff;border-radius:50%;height:11px;width:11px;content:"";top:5px}
.timeline-tabs .nav-tabs>li>a{color:#fff;font-size:15px;line-height:18px;font-weight:700;border:2px solid #fff;border-radius:0;opacity:.9;padding:20px 50px}
.timeline-tabs .nav-tabs>li.active>a,.timeline-tabs .nav-tabs>li>a:hover{background-color:#fff;color:#69696E;opacity:1}
.timetable .nav-tabs>li>a{color:#69696E;font-size:15px;line-height:18px;font-weight:700;border:none;opacity:.8;padding:18px 30px}
.timetable .nav-tabs>li>a:hover{border-radius:4px;border:none}
.timetable .nav-tabs>li.active>a,.timetable .nav-tabs>li.active>a:focus,.timetable .nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#eee;border-radius:4px;border:none;opacity:1}
.timetable thead>tr>th{text-align:center;font-size:17px;line-height:21px;font-weight:900;padding:20px}
.timetable tbody>tr>td{font-size:16px;line-height:20px;font-weight:400;padding:20px}
.timetable tbody>tr>td>a>i{font-size:22px;vertical-align:top;color:#69696E}
.timetable tbody>tr>td>a:hover>i{transform:scale(1.6);-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6)}
.subscription .form-horizontal.form-bg{border-radius:3px;margin-top:15px;padding:30px 40px 10px}
.subscription .form-horizontal.form-margin{margin-left:30px;margin-right:30px}
.subscription .form-horizontal h6{text-transform:uppercase;font-weight:900;font-size:15px;line-height:19px}
.subscription .form-inline .form-group{width:50%}
.subscription .sub-left{padding-top:90px}
.subscription .features-devices .img-left img{width:90px;height:90px}
.subscription .features-devices .img-left p{margin-left:112px}
.contact .contact-info li{margin-bottom:20px;font-size:15px;line-height:15px;font-weight:900}
.contact .contact-info li i{font-size:25px;font-weight:700;vertical-align:text-top;margin-right:20px}
.contact .contact-info li span{display:block;margin-left:46px}
.contact .form-horizontal{margin-right:15px;margin-left:15px}
.contact .form-group.w-50 input{display:inline-block;width:49.5%}
.contact .mini-map{width:100%;height:300px}
.contact .mini-info p{font-size:15px;line-height:21px}
.contact .map-container{width:100%;height:600px}
.contact .map-container .map-iframe,.img-wrap .map-iframe{height:100%;width:100%}
.contact .map-container .map-iframe{pointer-events:none}
.contact-divider i{font-size:40px;font-weight:700}
.contact-divider h5{font-size:20px;line-height:24px;margin:15px 0 10px}
footer#footer7-1{width:100%;position:absolute}
.footer a,.footer p{font-size:15px;font-weight:700;margin-bottom:0}
.footer ul{padding-left:0;list-style-type:none;margin-bottom:0}
.footer ul li{display:inline-block}
.footer.f1 .footer-social i{font-size:20px;margin-left:20px}
.footer.f2 .footer-social i{font-size:20px}
.footer.f5 .footer-links img{max-height:35px;margin-right:50px;display:inline-block;position:relative;bottom:2px}
.footer.f5 .footer-links p{margin-right:50px;font-size:20px;font-weight:400;display:inline-block;margin-top:15px;margin-bottom:15px}
.footer.f5 .footer-links a{color:#fff;font-size:17px;font-weight:900}
.footer.f6 .footer-links li{display:block;font-size:15px;font-weight:700;margin-bottom:20px}
.footer.f7 .contacts i{font-size:25px;font-weight:700}
.login .forgot a,.login .form-horizontal label,.login .lead{font-size:12px;text-transform:uppercase}
.footer.f7 .about .logo{border-right:2px solid #eee;padding-right:30px}
.footer.f7 .about .newsletter{padding-left:15px}
.footer.f7 .links ul>li>a{margin-right:15px;font-weight:900;opacity:.9}
.page-head.h-img{height:350px}
.page-head .h-bg{padding-top:70px}
.page-head .breadcrumb{background-color:transparent;font-weight:400}
.login .lead{font-weight:700}
.login .form-horizontal label{float:left;font-weight:900;line-height:16px}
.login .form-horizontal .checkbox input[type=checkbox]{bottom:6px}
.login .forgot{margin-top:20px}
.login .forgot a{font-weight:900;line-height:16px;color:#69696E}
.login .terms{font-size:13px;line-height:17px;text-align:left}
.blog-post .date,.h.caption-3 figcaption .caption-box,.nav-3cols-logo{text-align:center}
.faqs .panel-group .panel-title{padding-top:10px;padding-bottom:10px}
.blog-list{margin-bottom:70px;padding-bottom:70px;border-bottom:3px solid #efefef}
.blog-post .date{float:left;width:80px;background:#1F900E;color:#fff;font-size:20px;line-height:22px;margin-top:25px;margin-right:15px;font-weight:900;border-radius:7px;padding:10px}
.blog-post .date span{display:block;font-size:12px}
.blog-post .post-meta,.blog-post h4{margin-left:95px;font-size:29px;line-height:29px}
.blog-post h4{padding-top:25px}
.blog-post .post-meta a,.blog-post h4 a{color:#69696E;font-weight:900}
.blog-post .post-meta{padding-left:0;list-style-type:none;font-size:13px}
.blog-post .post-meta li{display:inline-block;margin-bottom:10px;margin-right:20px}
.blog-post .carousel-indicators{bottom:0}
.blog-post .quote-post{border-left:none;font-style:italic;margin:0 0 20px;padding:20px 50px}
.blog-post .quote-post p:before{content:"\f10d";padding-right:10px;font-family:FontAwesome;color:#837f7e}
.blog-post .quote-post p:after{content:"\f10e";padding-left:10px;font-family:FontAwesome;color:#837f7e}
.blog-post p{line-height:26px}
.pagination>li>a{color:#69696E;border:2px solid #efefef;font-weight:700}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#1F900E;border-color:#1F900E}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#69696E;background-color:#eee;border-color:#efefef}
.pagination-post .prev-post a>img{float:left;margin-right:10px}
.pagination-post .next-post a>img{float:right;margin-left:10px}
.pagination-post p{color:#69696E;font-size:16px;line-height:17px;font-weight:900;margin-top:15px}
.pagination-post p span{display:block;font-size:13px;font-weight:700}
.widget{margin-bottom:60px;display:inline-block;width:100%}
.widget .w-title h5{font-size:25px;line-height:30px;font-weight:900}
.widget p{font-size:16px;font-weight:400}
.widget .latest-post li{clear:both;padding-top:10px;padding-bottom:20px}
.widget .latest-post .img-latest{float:left;width:75px;margin-right:10px}
.widget .latest-post .title-latest{margin-left:85px;font-size:15px}
.widget .latest-post .title-latest a{display:block;color:#69696E;font-size:16px;font-weight:700}
.widget .w-comments li{font-size:17px;padding-top:10px;padding-bottom:5px}
.comments-list a,.widget .w-comments a{color:#69696E;font-weight:700}
.widget .w-tags a{float:left;margin-right:10px;margin-bottom:10px;color:#69696E;border:1px solid #d3d3d3;border-radius:20px;padding:5px 10px}
.widget .w-tags a:hover{color:#fff;border:1px solid #56B68B;background-color:#56B68B}
.comments-list .comment-author a{font-size:17px;line-height:17px;font-weight:900}
.comments-list .comment-info{font-size:13px;line-height:15px}
.comments-list .comment-info .reply{font-size:15px;font-weight:900;padding-left:10px}
.comments-list .comment-info .reply i{margin-right:2px}
.main-container,.team-member{overflow:hidden}
a,a:active,a:hover,a:link,a:visited,ul,ul:active,ul:hover,ul:link,ul:visited{color:#fff;text-decoration:none;outline:0;-webkit-transition:all 0 ease-out;-moz-transition:all 0 ease-out;-ms-transition:all 0 ease-out;-o-transition:all 0 ease-out;transition:all 0 ease-out}
.inverse a,.navbar-nav>.active>a:hover,.twt-white .twitter-feed .timePosted a,.twt-white .twitter-feed .tweet,.twt-white .twitter-feed .tweet a,a.inverse,i.inverse{color:#fff!important}
.overlay,.videoWrapper>iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.faq h5,.page-head .breadcrumb .active,b,strong{font-weight:900}
.hero .lead,.lead b,.lead strong,.subscription .form-horizontal p.small>a{font-weight:700}
.f-w-400,.footer.f4 .footer-desc p{font-weight:400}
.navbar.bg-transparent .nav-3cols,.page-head .breadcrumb .active.text-white,.share-block:hover,.text-white{color:#fff}
.blog h5,.contact a,.footer a,.page-head .h-bg a,.text-black{color:#69696E}
.blog a>h5:hover,.btn-border.btn-blue,.pricing-2p .blue .details li i,.pricing-2p .blue .price,.pricing-3pf .blue .details h5,.pricing-3pf .blue .details p,.text-green,a.btn-border.btn-blue{color:#1F900E}
.bg-grey,.sb-grey{background-color:#EFF1F4}
.bg-orange,.btn-orange,.inverse a.btn-orange,a.inverse.btn-orange{background-color:#ef7c46}
.bg-blue,.bg-dark,.btn-blue,.btn-blue:focus,.btn-blue:hover,.btn-nav.btn-blue:focus,.inverse a.btn-blue,a.inverse.btn-blue{background-color:#1F900E}
.btn-nav.btn-blue:hover{background-color:#fff}
.bg-green,.btn-green,.inverse a.btn-green,.success,a.inverse.btn-green,input.toggle-round-flat:checked+label,input.toggle-round-flat:checked+label:before{background-color:#56B68B}
.bg-red,.btn-red,.failed,.inverse a.btn-red,a.inverse.btn-red{background-color:#e74c3c}
.bg-purple,.btn-purple,.inverse a.btn-purple,a.inverse.btn-purple{background-color:#8e44ad}
.bg-yellow,.btn-yellow,.inverse a.btn-yellow,a.inverse.btn-yellow{background-color:#f1c40f}
.bg-white,.course-level .level.active,.sb-white{background-color:#fff}
.content-split,.dropdown-submenu,.features-tab,.menu li,.popup-box,.vertical-center-rel{position:relative}
.closeup-box.closeup-right img,.menu>li,.top-bar .contact-info .email,.top-bar .contact-info .phone,.top-bar .schedule{float:left}
.blog .post-info .day,.dropdown-submenu:hover>.dropdown-menu,.menu li:hover>.sub-menu,.navbar.bg-transparent .logo-white,.navbar.bg-transparent.top-nav-collapse .logo-black,.navbar.nav-onlylogo.bg-transparent .logo-white,.navbar.nav-onlylogo.bg-transparent.top-nav-collapse .logo-black,.section-header span,.team-member .tm-name{display:block}
.btn.btn-blue,.btn.btn-blue:focus,.btn.btn-blue:hover{border:3px solid #1F900E}
.btn.btn-green,.ticket-prices .item-price.active,.ticket-prices.ticket-selection .item-price:hover{border:3px solid #56B68B}
.btn-border.btn-green,.pricing-2p .green .details li i,.pricing-2p .green .price,.pricing-3pf .green .details h5,.pricing-3pf .green .details p,.pricing-st .price,a.btn-border.btn-green{color:#56B68B}
.btn-border.btn-red,.pricing-2p .red .details li i,.pricing-2p .red .price,.pricing-3pf .red .details h5,.pricing-3pf .red .details p,a.btn-border.btn-red{color:#e74c3c}
.btn-border.btn-purple,.pricing-3pf .purple .details h5,.pricing-3pf .purple .details p,a.btn-border.btn-purple{color:#8e44ad}
.btn-dark,.inverse a.btn-dark,.navbar.bg-color,a.inverse.btn-dark{background-color:#525e6c}
.btn-border.btn-dark,.pricing-3pf .dark .details h5,.pricing-3pf .dark .details p,a.btn-border.btn-dark{color:#525e6c}
.btn-ghost:hover,.features-panels .nav-tabs.nav-justified>li>a:hover{background-color:#fff;color:#69696E!important}
.hero.hero-devices .app-image,.social-btn a>i,.testimonials-twitter .twitter-row{margin-top:10px}
.sb-google-plus:hover,.share-block.gp:hover,.share-color .share-block.gp{background-color:#e47365}
.form-inline.double-input .form-group,.insta-col .instagram-feed li img,.insta-grid .instagram-feed li img,.insta-line .instagram-feed li img,.navbar.nav-onlylogo .navbar-header,.subscription .form-inline .form-group input{width:100%}
.checkbox label,.cta .small,.hero p.small a,.radio label{font-size:15px}
.form-paypal.bg-black-trs,.hero-leadbox .form-horizontal{border-radius:5px;box-shadow:-2px -2px 6px 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.4);padding:30px 40px 10px}
.blog-post .post-meta li i,.failed i,.footer.f2 .footer-links i,.success i{margin-right:5px}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right,.carousel-indicators.inverse .active,.navbar-toggle:hover .icon-bar{opacity:1}
.carousel-indicators,.carousel-testimonial-single .carousel-indicators{bottom:-40px}
.insta-col .instagram-feed li:hover,.insta-grid .instagram-feed li:hover,.insta-line .instagram-feed li:hover,.mfp-bg{opacity:.9}
.mfp-title,.timetable tbody>tr>td:first-child,.timetable tbody>tr>td:last-child{font-weight:900;font-size:15px}
.h.caption-1 .caption-box,.h.caption-4 .caption-box{padding-left:20px;padding-right:20px;width:100%}
.img-thumbnail,.team-list{border:1px solid #EFF1F4}
.p-b,.p-b-md{padding-bottom:30px!important}
.insta-col .instagram-feed li:nth-of-type(n+7),.insta-grid .instagram-feed li:nth-of-type(n+11),.insta-line .instagram-feed li:nth-of-type(n+6),.navbar.bg-transparent .logo-black,.navbar.bg-transparent.top-nav-collapse .logo-white,.navbar.nav-onlylogo.bg-transparent .logo-black,.navbar.nav-onlylogo.bg-transparent.top-nav-collapse .logo-white,.top-bar .contact-info .phone span,.twitter-feed .tweet img{display:none}
.navbar.bg-color .navbar-nav>li>a,.navbar.bg-transparent .navbar-nav>li>a,.navbar.bg-transparent.top-nav-collapse .navbar-nav>li>a.btn-nav{color:#fff;opacity:1}
.navbar.bg-transparent.top-nav-collapse .nav-3cols,.top-bar .contact-info .email a{color:#404B55}
.footer.f1 .footer-social,.options-table .switch .cmn-toggle,.options-table .switch label,.top-bar .contact-info{float:right}
.content-spotlight,.hero h1{margin-bottom:20px}
.closeup-box.closeup-right,.dashboard-box.dashboard-right{right:0}
.features-block .icon-left h5,.features-block .icon-left p,.hero-leadbox .feature-box h5,.hero-leadbox .feature-box p{margin-left:80px}
.blog .post-info h5,.hero-leadbox .feature-box h5{margin-bottom:5px}
.bg-popup i:hover,.big-popup i:hover,.popup-box .popup-button i:hover{-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.content-block .lead,.cta .lead{font-size:20px;line-height:24px}
.content-block img:hover,.spotlight-block>figure>.img-wrap:hover{opacity:.8;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.features-block p,.options-table .switch:last-child,.twt-line .twitter-feed p.timePosted{margin-bottom:0}
.features-block p.small,.path .btn-ghost{font-size:13px}
.features-list.features-list-left,.footer.f2 .footer-links{text-align:right}
.faqs .panel-group .panel-title a,.footer.f7 .contacts h5,.team .bio,.testimonials .big-img-left blockquote p,.testimonials .quote-border .cite{font-size:17px}
.pricing-3pf .details ul>li,.video h4{margin-bottom:15px}
.blog-post img,.portfolio-card img,.portfolio-grid li img{width:100%;height:auto}
.comments-list,.contact ul,.pricing-3pf .details ul,.pricing-3po .details,.widget .latest-post,.widget .w-comments{padding-left:0;list-style-type:none}
.pricing-3pf .green .details hr,.pricing-3po .green .info,.pricing-st .info:hover{border-color:#56B68B}
.pricing-3po .info .price .currency,.pricing-sc .price .currency,.pricing-st .info .price .currency{font-size:30px;font-weight:400;vertical-align:super;margin-right:0}
.pricing-2p .details li,.pricing-3po .details li{margin-bottom:10px}
.timeline-tabs .nav-tabs,.timetable .nav-tabs{border-bottom:none;text-align:center;text-transform:uppercase}
.timeline-tabs .nav-tabs>li,.timetable .nav-tabs>li{display:inline-block;float:none;margin-bottom:10px}
.footer.f2 .footer-links li>a,.footer.f2 .footer-social li>a,.login .form-horizontal{margin-left:15px;margin-right:15px}
@media only screen and max-width1199px {
.menu{margin-left:380px;display:none}
.menu h4{margin-top:1px;display:none}
.col-md-4 menu{margin-top:150px;height:50px}
,div>ul>li:hover>ul,div>ul>li>ul>li,div>ul>li>ul>li:hover>ul,div>ul>li>ul>li>ul,div>ul>li>ul>li>ul>li{display:none}
}
@media only screen and max-width768px {
.center767{text-align:center}
.text3{background:rgba(255,255,255,.5)!important;margin-top:110%!important;text-align:center!important;-moz-border-radius:7px!important;-webkit-border-radius:7px!important;border-radius:7px!important;padding:10px!important}
}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}
.owl-carousel{width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}
.owl-controls{-khtml-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat}
.ball-pulse-sync>div,.ball-pulse>div,.ball-scale>div{background-color:#fff;border-radius:100%;margin:2px;display:inline-block}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}
@-webkit-keyframes empty {
0%{opacity:1}
}
@-moz-keyframes empty {
0%{opacity:1}
}
@keyframes empty {
0%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut {
25%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut {
25%{opacity:.5;-moz-transform:translateZ(-500px)}
100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut {
25%{opacity:.5;transform:translateZ(-500px)}
100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn {
0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn {
0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn {
0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade {
to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade {
to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade {
to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown {
from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown {
from{-moz-transform:translateY(-100%)}
}
@keyframes goDown {
from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom {
from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom {
from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom {
from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo {
to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo {
to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo {
to{opacity:0;transform:scale(1.5)}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce {
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash {
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash {
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {
from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
}
@keyframes pulse {
from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {
from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}
@keyframes rubberBand {
from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake {
6.5%{-webkit-transformtransform-webkit-transform:translateX(0)translateX(0)translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {
6.5%{-webkit-transformtransform-webkit-transform:translateX(0)translateX(0)translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {
from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
}
@keyframes tada {
from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {
from,to{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
}
@keyframes wobble {
from,to{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello {
11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello {
11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn {
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn {
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}
@-webkit-keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
@keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes scale {
0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}
}
@keyframes scale {
0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}
}
.ball-pulse>div:nth-child(0){-webkit-animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08)}
.ball-pulse>div:nth-child(1){-webkit-animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}
.ball-pulse>div:nth-child(2){-webkit-animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)}
.ball-pulse>div:nth-child(3){-webkit-animation:scale .75s 0 infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s 0 infinite cubic-bezier(.2,.68,.18,1.08)}
.ball-pulse>div{width:15px;height:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes ball-pulse-sync {
33%{-webkit-transform:translateY(10px);transform:translateY(10px)}
66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes ball-pulse-sync {
33%{-webkit-transform:translateY(10px);transform:translateY(10px)}
66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.ball-pulse-sync>div:nth-child(0){-webkit-animation:ball-pulse-sync .6s -.21s infinite ease-in-out;animation:ball-pulse-sync .6s -.21s infinite ease-in-out}
.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out}
.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out;animation:ball-pulse-sync .6s -70ms infinite ease-in-out}
.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync .6s 0 infinite ease-in-out;animation:ball-pulse-sync .6s 0 infinite ease-in-out}
.ball-pulse-sync>div{width:15px;height:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes ball-scale {
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes ball-scale {
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
.ball-scale>div{height:60px;width:60px;-webkit-animation:ball-scale 1s 0 ease-in-out infinite;animation:ball-scale 1s 0 ease-in-out infinite}
.ball-rotate>div,.ball-rotate>div:after,.ball-rotate>div:before{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px}
@-webkit-keyframes rotate {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.ball-rotate{position:relative}
.ball-rotate>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:relative}
.ball-rotate>div:first-child{-webkit-animation:rotate 1s 0 cubic-bezier(.7,-.13,.22,.86) infinite;animation:rotate 1s 0 cubic-bezier(.7,-.13,.22,.86) infinite}
.ball-rotate>div:after,.ball-rotate>div:before{content:"";position:absolute;opacity:.8}
.ball-rotate>div:before{top:0;left:-28px}
.ball-rotate>div:after{top:0;left:25px}
.ball-clip-rotate>div{border-radius:100%;margin:2px;border:2px solid #fff;border-bottom-color:transparent;height:25px;width:25px;background:0 0!important;display:inline-block;-webkit-animation:rotate .75s 0 linear infinite;animation:rotate .75s 0 linear infinite}
@keyframes rotate {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes scale {
30%{-webkit-transform:scale(.3);transform:scale(.3)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
.ball-clip-rotate-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%}
.ball-clip-rotate-pulse>div:first-child{background:#fff;height:16px;width:16px;top:7px;left:-7px;-webkit-animation:scale 1s 0 cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0 cubic-bezier(.09,.57,.49,.9) infinite}
.ball-clip-rotate-pulse>div:last-child{position:absolute;width:30px;height:30px;left:-16px;top:-2px;background:0 0;border:2px solid;border-color:#fff transparent;-webkit-animation:rotate 1s 0 cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0 cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}
.ball-beat>div,.ball-scale-multiple>div{background-color:#fff;border-radius:100%}
@keyframes rotate {
0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}
100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}
}
.ball-clip-rotate-multiple{position:relative}
.ball-clip-rotate-multiple>div{position:absolute;left:-20px;top:-20px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0 ease-in-out infinite;animation:rotate 1s 0 ease-in-out infinite}
.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:-10px;left:-10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse}
@-webkit-keyframes ball-scale-ripple {
0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}
100%{opacity:0}
}
@keyframes ball-scale-ripple {
0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}
100%{opacity:0}
}
.ball-scale-ripple>div{height:50px;width:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple 1s 0 infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple 1s 0 infinite cubic-bezier(.21,.53,.56,.8)}
@-webkit-keyframes ball-scale-ripple-multiple {
0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}
100%{opacity:0}
}
@keyframes ball-scale-ripple-multiple {
0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}
70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}
100%{opacity:0}
}
.ball-scale-ripple-multiple{position:relative;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px)}
.ball-scale-ripple-multiple>div:nth-child(0){-webkit-animation-delay:-.8s;animation-delay:-.8s}
.ball-scale-ripple-multiple>div:nth-child(1){-webkit-animation-delay:-.6s;animation-delay:-.6s}
.ball-scale-ripple-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}
.ball-scale-ripple-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}
.ball-scale-ripple-multiple>div{position:absolute;top:-2px;left:-26px;width:50px;height:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple-multiple 1.25s 0 infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple-multiple 1.25s 0 infinite cubic-bezier(.21,.53,.56,.8)}
@-webkit-keyframes ball-beat {
50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ball-beat {
50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.ball-beat>div{width:15px;height:15px;margin:2px;display:inline-block;-webkit-animation:ball-beat .7s 0 infinite linear;animation:ball-beat .7s 0 infinite linear}
.ball-beat>div:nth-child(2n-1){-webkit-animation-delay:-.35s!important;animation-delay:-.35s!important}
@-webkit-keyframes ball-scale-multiple {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
5%{opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes ball-scale-multiple {
0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}
5%{opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
.ball-scale-multiple{position:relative;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
.ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}
.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}
.ball-scale-multiple>div{position:absolute;left:-30px;top:0;opacity:0;margin:0;width:60px;height:60px;-webkit-animation:ball-scale-multiple 1s 0 linear infinite;animation:ball-scale-multiple 1s 0 linear infinite}
.ball-triangle-path>div:nth-child(1),.ball-triangle-path>div:nth-child(2){-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}
@-webkit-keyframes ball-triangle-path-1 {
33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}
66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes ball-triangle-path-1 {
33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}
66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes ball-triangle-path-2 {
33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}
66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes ball-triangle-path-2 {
33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}
66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes ball-triangle-path-3 {
33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}
66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes ball-triangle-path-3 {
33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}
66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ball-triangle-path{position:relative;-webkit-transform:translate(-29.99px,-37.51px);-ms-transform:translate(-29.99px,-37.51px);transform:translate(-29.99px,-37.51px)}
.ball-triangle-path>div:nth-child(1){-webkit-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;-webkit-animation-delay:0;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.ball-triangle-path>div:nth-child(2){-webkit-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;-webkit-animation-delay:0;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.ball-triangle-path>div:nth-child(3){-webkit-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.ball-triangle-path>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #fff}
.ball-grid-beat>div,.ball-pulse-rise>div{-webkit-animation-fill-mode:both;-webkit-animation-iteration-count:infinite}
.ball-grid-beat>div,.ball-grid-pulse>div,.ball-pulse-rise>div{height:15px;border-radius:100%;display:inline-block;background-color:#fff;margin:2px}
.ball-triangle-path>div:nth-of-type(1){top:50px}
.ball-triangle-path>div:nth-of-type(2){left:25px}
.ball-triangle-path>div:nth-of-type(3){top:50px;left:50px}
@-webkit-keyframes ball-pulse-rise-even {
0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
50%{-webkit-transform:scale(.4);transform:scale(.4)}
75%{-webkit-transform:translateY(30px);transform:translateY(30px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ball-pulse-rise-even {
0%{-webkit-transform:scale(1.1);transform:scale(1.1)}
25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
50%{-webkit-transform:scale(.4);transform:scale(.4)}
75%{-webkit-transform:translateY(30px);transform:translateY(30px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes ball-pulse-rise-odd {
0%{-webkit-transform:scale(.4);transform:scale(.4)}
25%{-webkit-transform:translateY(30px);transform:translateY(30px)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)}
}
@keyframes ball-pulse-rise-odd {
0%{-webkit-transform:scale(.4);transform:scale(.4)}
25%{-webkit-transform:translateY(30px);transform:translateY(30px)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)}
}
.ball-pulse-rise>div{width:15px;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
.ball-pulse-rise>div:nth-child(2n){-webkit-animation-name:ball-pulse-rise-even;animation-name:ball-pulse-rise-even}
.ball-pulse-rise>div:nth-child(2n-1){-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd}
@-webkit-keyframes ball-grid-beat {
50%{opacity:.7}
100%{opacity:1}
}
@keyframes ball-grid-beat {
50%{opacity:.7}
100%{opacity:1}
}
.ball-grid-beat{width:57px}
.ball-grid-beat>div:nth-child(1){-webkit-animation-delay:-70ms;animation-delay:-70ms;-webkit-animation-duration:1.53s;animation-duration:1.53s}
.ball-grid-beat>div:nth-child(2){-webkit-animation-delay:.72s;animation-delay:.72s;-webkit-animation-duration:.94s;animation-duration:.94s}
.ball-grid-beat>div:nth-child(3){-webkit-animation-delay:.11s;animation-delay:.11s;-webkit-animation-duration:1.25s;animation-duration:1.25s}
.ball-grid-beat>div:nth-child(4){-webkit-animation-delay:.13s;animation-delay:.13s;-webkit-animation-duration:1.01s;animation-duration:1.01s}
.ball-grid-beat>div:nth-child(5){-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:1.2s;animation-duration:1.2s}
.ball-grid-beat>div:nth-child(6){-webkit-animation-delay:.18s;animation-delay:.18s;-webkit-animation-duration:.97s;animation-duration:.97s}
.ball-grid-beat>div:nth-child(7){-webkit-animation-delay:-90ms;animation-delay:-90ms;-webkit-animation-duration:.67s;animation-duration:.67s}
.ball-grid-beat>div:nth-child(8){-webkit-animation-delay:.42s;animation-delay:.42s;-webkit-animation-duration:.92s;animation-duration:.92s}
.ball-grid-beat>div:nth-child(9){-webkit-animation-delay:.52s;animation-delay:.52s;-webkit-animation-duration:1.43s;animation-duration:1.43s}
.ball-grid-beat>div{width:15px;animation-fill-mode:both;float:left;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
@-webkit-keyframes ball-grid-pulse {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
@keyframes ball-grid-pulse {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
.ball-grid-pulse{width:57px}
.ball-grid-pulse>div:nth-child(1){-webkit-animation-delay:.73s;animation-delay:.73s;-webkit-animation-duration:1.3s;animation-duration:1.3s}
.ball-grid-pulse>div:nth-child(2){-webkit-animation-delay:.32s;animation-delay:.32s;-webkit-animation-duration:1.3s;animation-duration:1.3s}
.ball-grid-pulse>div:nth-child(3){-webkit-animation-delay:.71s;animation-delay:.71s;-webkit-animation-duration:.88s;animation-duration:.88s}
.ball-grid-pulse>div:nth-child(4){-webkit-animation-delay:.62s;animation-delay:.62s;-webkit-animation-duration:1.06s;animation-duration:1.06s}
.ball-grid-pulse>div:nth-child(5){-webkit-animation-delay:.31s;animation-delay:.31s;-webkit-animation-duration:.62s;animation-duration:.62s}
.ball-grid-pulse>div:nth-child(6){-webkit-animation-delay:-.14s;animation-delay:-.14s;-webkit-animation-duration:1.48s;animation-duration:1.48s}
.ball-grid-pulse>div:nth-child(7){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-animation-duration:1.47s;animation-duration:1.47s}
.ball-grid-pulse>div:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration:1.49s;animation-duration:1.49s}
.ball-grid-pulse>div:nth-child(9){-webkit-animation-delay:.73s;animation-delay:.73s;-webkit-animation-duration:.7s;animation-duration:.7s}
.ball-grid-pulse>div{width:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;float:left;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
@-webkit-keyframes ball-spin-fade-loader {
50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ball-spin-fade-loader {
50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.ball-spin-fade-loader{position:relative;top:-10px;left:-10px}
.ball-spin-fade-loader>div:nth-child(1){top:25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.96s infinite linear;animation:ball-spin-fade-loader 1s -.96s infinite linear}
.ball-spin-fade-loader>div:nth-child(2){top:17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.84s infinite linear;animation:ball-spin-fade-loader 1s -.84s infinite linear}
.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;-webkit-animation:ball-spin-fade-loader 1s -.72s infinite linear;animation:ball-spin-fade-loader 1s -.72s infinite linear}
.ball-spin-fade-loader>div:nth-child(4){top:-17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.6s infinite linear;animation:ball-spin-fade-loader 1s -.6s infinite linear}
.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.48s infinite linear;animation:ball-spin-fade-loader 1s -.48s infinite linear}
.ball-spin-fade-loader>div:nth-child(6){top:-17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.36s infinite linear;animation:ball-spin-fade-loader 1s -.36s infinite linear}
.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;-webkit-animation:ball-spin-fade-loader 1s -.24s infinite linear;animation:ball-spin-fade-loader 1s -.24s infinite linear}
.ball-spin-fade-loader>div:nth-child(8){top:17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.12s infinite linear;animation:ball-spin-fade-loader 1s -.12s infinite linear}
.ball-spin-fade-loader>div,.ball-spin-loader>div{-webkit-animation-fill-mode:both;width:15px;height:15px;border-radius:100%}
.ball-spin-fade-loader>div{background-color:#fff;margin:2px;animation-fill-mode:both;position:absolute}
@-webkit-keyframes ball-spin-loader {
75%{opacity:.2}
100%{opacity:1}
}
@keyframes ball-spin-loader {
75%{opacity:.2}
100%{opacity:1}
}
.ball-spin-loader{position:relative}
.ball-spin-loader>span:nth-child(1){top:45px;left:0;-webkit-animation:ball-spin-loader 2s .9s infinite linear;animation:ball-spin-loader 2s .9s infinite linear}
.ball-spin-loader>span:nth-child(2){top:30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 1.8s infinite linear;animation:ball-spin-loader 2s 1.8s infinite linear}
.ball-spin-loader>span:nth-child(3){top:0;left:45px;-webkit-animation:ball-spin-loader 2s 2.7s infinite linear;animation:ball-spin-loader 2s 2.7s infinite linear}
.ball-spin-loader>span:nth-child(4){top:-30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 3.6s infinite linear;animation:ball-spin-loader 2s 3.6s infinite linear}
.ball-spin-loader>span:nth-child(5){top:-45px;left:0;-webkit-animation:ball-spin-loader 2s 4.5s infinite linear;animation:ball-spin-loader 2s 4.5s infinite linear}
.ball-spin-loader>span:nth-child(6){top:-30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 5.4s infinite linear;animation:ball-spin-loader 2s 5.4s infinite linear}
.ball-spin-loader>span:nth-child(7){top:0;left:-45px;-webkit-animation:ball-spin-loader 2s 6.3s infinite linear;animation:ball-spin-loader 2s 6.3s infinite linear}
.ball-spin-loader>span:nth-child(8){top:30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 7.2s infinite linear;animation:ball-spin-loader 2s 7.2s infinite linear}
.ball-spin-loader>div{animation-fill-mode:both;position:absolute;background:green}
.ball-zig-zag-deflect>div,.ball-zig-zag>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px 2px 2px 15px;top:4px;left:-7px}
@-webkit-keyframes ball-zig {
33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}
66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes ball-zig {
33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}
66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes ball-zag {
33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}
66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes ball-zag {
33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}
66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ball-zig-zag{position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}
.ball-zig-zag>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}
.ball-zig-zag>div:first-child{-webkit-animation:ball-zig .7s 0 infinite linear;animation:ball-zig .7s 0 infinite linear}
.ball-zig-zag>div:last-child{-webkit-animation:ball-zag .7s 0 infinite linear;animation:ball-zag .7s 0 infinite linear}
@-webkit-keyframes ball-zig-deflect {
17%,84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}
34%,67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}
100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes ball-zig-deflect {
17%,84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}
34%,67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}
100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes ball-zag-deflect {
17%,84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}
34%,67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}
100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes ball-zag-deflect {
17%,84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}
34%,67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}
100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.ball-zig-zag-deflect{position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}
.ball-zig-zag-deflect>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}
.line-scale-party>div,.line-scale-pulse-out-rapid>div,.line-scale-pulse-out>div,.line-scale>div{width:4px;height:35px;display:inline-block}
.line-scale-party>div,.line-scale-pulse-out-rapid>div,.line-scale-pulse-out>div,.line-scale>div,.line-spin-fade-loader>div{border-radius:2px;margin:2px;background-color:#fff}
.ball-zig-zag-deflect>div:first-child{-webkit-animation:ball-zig-deflect 1.5s 0 infinite linear;animation:ball-zig-deflect 1.5s 0 infinite linear}
.ball-zig-zag-deflect>div:last-child{-webkit-animation:ball-zag-deflect 1.5s 0 infinite linear;animation:ball-zag-deflect 1.5s 0 infinite linear}
@-webkit-keyframes line-scale {
0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}
50%{-webkit-transform:scaley(.4);transform:scaley(.4)}
}
@keyframes line-scale {
0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}
50%{-webkit-transform:scaley(.4);transform:scaley(.4)}
}
.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)}
.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)}
.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)}
.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)}
.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s 0 infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0 infinite cubic-bezier(.2,.68,.18,1.08)}
.line-scale>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes line-scale-party {
0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.5);transform:scale(.5)}
}
@keyframes line-scale-party {
0%,100%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(.5);transform:scale(.5)}
}
.line-scale-party>div:nth-child(1){-webkit-animation-delay:.23s;animation-delay:.23s;-webkit-animation-duration:1.1s;animation-duration:1.1s}
.line-scale-party>div:nth-child(2){-webkit-animation-delay:90ms;animation-delay:90ms;-webkit-animation-duration:1s;animation-duration:1s}
.line-scale-party>div:nth-child(3){-webkit-animation-delay:.44s;animation-delay:.44s;-webkit-animation-duration:.65s;animation-duration:.65s}
.line-scale-party>div:nth-child(4){-webkit-animation-delay:-.12s;animation-delay:-.12s;-webkit-animation-duration:1.01s;animation-duration:1.01s}
.line-scale-party>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}
@-webkit-keyframes line-scale-pulse-out {
0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}
50%{-webkit-transform:scaley(.4);transform:scaley(.4)}
}
@keyframes line-scale-pulse-out {
0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}
50%{-webkit-transform:scaley(.4);transform:scaley(.4)}
}
.line-scale-pulse-out>div{-webkit-animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85)}
.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4){-webkit-animation-delay:-.4s!important;animation-delay:-.4s!important}
.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5){-webkit-animation-delay:-.2s!important;animation-delay:-.2s!important}
@-webkit-keyframes line-scale-pulse-out-rapid {
0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}
80%{-webkit-transform:scaley(.3);transform:scaley(.3)}
}
@keyframes line-scale-pulse-out-rapid {
0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}
80%{-webkit-transform:scaley(.3);transform:scaley(.3)}
}
.line-scale-pulse-out-rapid>div{-webkit-animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78);animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78)}
.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4){-webkit-animation-delay:-.25s!important;animation-delay:-.25s!important}
.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5){-webkit-animation-delay:0!important;animation-delay:0!important}
@-webkit-keyframes line-spin-fade-loader {
50%{opacity:.3}
100%{opacity:1}
}
@keyframes line-spin-fade-loader {
50%{opacity:.3}
100%{opacity:1}
}
.line-spin-fade-loader{position:relative;top:-10px;left:-4px}
.line-spin-fade-loader>div:nth-child(1){top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out}
.line-spin-fade-loader>div:nth-child(2){top:13.64px;left:13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out}
.line-spin-fade-loader>div:nth-child(3){top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out}
.line-spin-fade-loader>div:nth-child(4){top:-13.64px;left:13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out}
.line-spin-fade-loader>div:nth-child(5){top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out}
.line-spin-fade-loader>div:nth-child(6){top:-13.64px;left:-13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out}
.line-spin-fade-loader>div:nth-child(7){top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out}
.line-spin-fade-loader>div:nth-child(8){top:13.64px;left:-13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0 infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0 infinite ease-in-out}
.line-spin-fade-loader>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px}
@-webkit-keyframes triangle-skew-spin {
25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}
}
@keyframes triangle-skew-spin {
25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}
}
.triangle-skew-spin>div{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;-webkit-animation:triangle-skew-spin 3s 0 cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0 cubic-bezier(.09,.57,.49,.9) infinite}
@-webkit-keyframes square-spin {
25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}
}
@keyframes square-spin {
25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}
}
.square-spin>div{width:50px;height:50px;background:#fff;border:1px solid red;-webkit-animation:square-spin 3s 0 cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0 cubic-bezier(.09,.57,.49,.9) infinite}
.pacman>div:first-of-type,.pacman>div:nth-child(2){width:0;height:0;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;position:relative;left:-30px}
@-webkit-keyframes rotate_pacman_half_up {
0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotate_pacman_half_up {
0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes rotate_pacman_half_down {
0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
50%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes rotate_pacman_half_down {
0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
50%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@-webkit-keyframes pacman-balls {
75%{opacity:.7}
100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}
}
@keyframes pacman-balls {
75%{opacity:.7}
100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}
}
.pacman{position:relative}
.pacman>div:nth-child(3){-webkit-animation:pacman-balls 1s -.66s infinite linear;animation:pacman-balls 1s -.66s infinite linear}
.pacman>div:nth-child(4){-webkit-animation:pacman-balls 1s -.33s infinite linear;animation:pacman-balls 1s -.33s infinite linear}
.pacman>div:nth-child(5){-webkit-animation:pacman-balls 1s 0 infinite linear;animation:pacman-balls 1s 0 infinite linear}
.pacman>div:first-of-type{-webkit-animation:rotate_pacman_half_up .5s 0 infinite;animation:rotate_pacman_half_up .5s 0 infinite}
.pacman>div:nth-child(2){-webkit-animation:rotate_pacman_half_down .5s 0 infinite;animation:rotate_pacman_half_down .5s 0 infinite;margin-top:-50px}
.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6){background-color:#fff;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;-webkit-transform:translate(0,-6.25px);-ms-transform:translate(0,-6.25px);transform:translate(0,-6.25px);top:25px;left:70px}
@-webkit-keyframes cube-transition {
25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}
50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}
75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes cube-transition {
25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}
50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}
75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.cube-transition{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px)}
.cube-transition>div{width:10px;height:10px;position:absolute;top:-5px;left:-5px;background-color:#fff;-webkit-animation:cube-transition 1.6s 0 infinite ease-in-out;animation:cube-transition 1.6s 0 infinite ease-in-out}
.cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes spin-rotate {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin-rotate {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}
.semi-circle-spin>div{position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0 infinite linear;animation:spin-rotate .6s 0 infinite linear;background-image:-webkit-linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);background-image:linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);width:100%;height:100%}
.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.picker__footer,.picker__header,.picker__table{text-align:center}
.picker__input{cursor:default}
.picker__input.picker__input--active{border-color:#0089ec}
.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,-webkit-transform 0 .15s;transition:background .15s ease-out,transform 0 .15s;-webkit-backface-visibility:hidden}
.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}
.picker__wrap{display:table;width:100%;height:100%}
@media (min-height:33.875em) {
.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}
.picker__wrap{display:block}
}
.picker__box{background:#fff;display:table-cell;vertical-align:middle;padding:0 1em}
@media (min-height:26.5em) {
.picker__box{font-size:1.25em}
}
@media (min-height:33.875em) {
.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}
.picker--opened .picker__frame{top:auto;bottom:0}
}
@media (min-height:40.125em) {
.picker__frame{margin-bottom:7.5%}
.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}
}
.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}
.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.picker__header{position:relative;margin-top:.75em}
.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}
.picker__year{color:#999;font-size:.8em;font-style:italic}
.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}
.picker__select--month{width:35%}
.picker__select--year{width:22.5%}
.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}
.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}
.picker__nav--prev{left:-1em;padding-right:1.25em}
.picker__nav--next{right:-1em;padding-left:1.25em}
@media (min-width:24.5em) {
.picker__select--month,.picker__select--year{margin-top:-.5em}
.picker__nav--next,.picker__nav--prev{top:-.33em}
.picker__nav--prev{padding-right:1.5em}
.picker__nav--next{padding-left:1.5em}
}
.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}
.picker__nav--next:before{border-right:0;border-left:.75em solid #000}
.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}
.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}
.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}
@media (min-height:33.875em) {
.picker__table{margin-bottom:.75em}
}
.picker__table td{margin:0;padding:0}
.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}
@media (min-height:33.875em) {
.picker__weekday{padding-bottom:.5em}
}
.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}
.picker__day--today{position:relative}
.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}
.picker__day--disabled:before{border-top-color:#aaa}
.picker__day--outfocus{color:#ddd}
.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:#b1dcfb}
.picker__day--highlighted{border-color:#0089ec}
.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}
.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}
.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}
.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}
.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}
.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}
.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}
.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}
.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}
.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}
.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}
.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}
.picker__button--today[disabled]:before{border-top-color:#aaa}