@charset "UTF-8";
@media(max-width:991px){
body .wdk-element .wdk-row .wdk-col{width:50%;-webkit-flex:0 0 calc(100% / 2);flex:0 0 calc(100% / 2);}
.wdk-element .wdk-search.layout_inline .wdk-field.LOCATION, .wdk-element .wdk-search.layout_inline .wdk-field.CATEGORY{width:50%;}
}  @media(max-width:767px){
.jconfirm .jconfirm-box{max-width:100%;width:calc(100% - 30px) !important;}
.wdk-element .wdk-map .wdk-listing-card .wdk-thumbnail .wdk-image{height:110px;}
body .wdk-element .wdk-row .wdk-col{width:100%;-webkit-flex:0 0 calc(100% / 1);flex:0 0 calc(100% / 1);}
.wdk-element .wdk-search.layout_inline .wdk-field.LOCATION, .wdk-element .wdk-search.layout_inline .wdk-field.CATEGORY{width:100%;}
body .wdk-element .wdk-map .wdk-listing-card .wdk-subtitle-part span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical;}
body .wdk-element .wdk-map .infobox{width:250px;}
.wdk-search.layout_inline .wdk-row div.wdk-col.SLIDER_RANGE{width:100%;padding:5px 0;}
.wdk-search.layout_inline .wdk-slider-range-field .irs--round{margin-top:-1px;}
.wdk-search.layout_inline .irs--round.irs-with-grid{height:49px;}
.wdk-listing-card.list .wdk-thumbnail{max-width:30%;}
.wdk-listing-card.list .wdk-content{overflow:hidden;}
}  @media(max-width:576px){
.wdk-listings-list .listing-item {
justify-content: center;
}
body .wdk-listings-list .listing-item .listing-inf-sec {
flex: 0 0 auto;
}
.wdk-filter-head .filter-group.filter-status {
flex: 1 2;
order: 0;
text-align: left;
margin-top: 0;
}
.wdk-filter-head .filter-group.filter-status > span {
padding-left: 0;
}
.wdk-filter-head .filter-group.order, .wdk-filter-head .filter-group.wmvc-view-type {
flex: 0 0;
order: 1;
}
}.wdk-listing-card{height:auto !important;}
.wdk-field input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .wdk-field select{margin:0;}
.menu-item-has-children .ht-dropdown{display:none !important;}
body:not(.admin-bar) .daterangepicker{margin-top:6px;}
body .blueimp-gallery-display > .prev, body .blueimp-gallery-display > .next, body .blueimp-gallery-display > .close{font-size:0;display:block;}
.blueimp-gallery > .indicator{display:block;}
body .blueimp-gallery-controls > .indicator > li{background-size:cover !important;}
body.admin-bar .select2-container--open span.select2-dropdown.select2-dropdown--below{margin-top:0;}
body.admin-bar .select2-container--open span.select2-dropdown.select2-dropdown--above{margin-top:0;}
body .elementor-social-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.select2-container{z-index:10000;}
body .daterangepicker .drp-calendar{max-width:initial;}
body .daterangepicker{width:auto;}
.elementor-widget-n-tabs .e-n-tabs-content > .e-con{display:block !important;transition:initial !important;overflow:hidden;}
.elementor-widget-n-tabs .e-n-tabs-content > .e-con:not(.e-active) {
position: absolute;
visibility: hidden;
left: 0;
opacity: 0;
}.ss-main{position:relative;display:inline-block;user-select:none;color:#666;width:100%}.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:30px;padding:6px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-single-selected .placeholder{flex:1 1 100%;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-main .ss-single-selected .placeholder,.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-single-selected .placeholder *{width:auto}.ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px;font-weight:700}.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px}.ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s,margin .2s}.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0}.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0}.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0;border-top-right-radius:0}.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0;border-bottom-right-radius:0}.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0;line-height:1em;align-items:center;width:100%;color:#dedede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0;color:#fff;background-color:#5897fb;border-radius:4px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:9px 12px 0 5px}.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.ss-content{position:absolute;width:100%;margin:-1px 0 0;box-sizing:border-box;border:1px solid #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s,opacity .2s;opacity:0;transform:scaleY(0)}.ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px}.ss-content .ss-search.ss-hide,.ss-content .ss-search.ss-hide input{height:0;opacity:0;padding:0;margin:0}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px #5897fb}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:700;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.ss-content .ss-addable{padding-top:0}.ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px;font-weight:700}.ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option{padding:6px 10px;cursor:pointer;user-select:none}.ss-content .ss-list .ss-option *{display:inline-block}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,.1)}.ss-content .ss-list .ss-option.ss-hide{display:none}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c}
 .animated{animation-duration:1s;animation-fill-mode:both;}
.animated.infinite{animation-iteration-count:infinite;}
.animated.hinge{animation-duration:2s;}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut{animation-duration:.75s;}
@keyframes bounce {
from, 20%, 53%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transform:translate3d(0,0,0);}
40%, 43%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -30px, 0);}
70%{animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transform:translate3d(0, -15px, 0);}
90%{transform:translate3d(0,-4px,0);}
}
.bounce{animation-name:bounce;transform-origin:center bottom;}
@keyframes flash {
from, 50%, to{opacity:1;}
25%, 75%{opacity:0;}
}
.flash{animation-name:flash;}
@keyframes pulse {
from{transform:scale3d(1, 1, 1);}
50%{transform:scale3d(1.05, 1.05, 1.05);}
to{transform:scale3d(1, 1, 1);}
}
.pulse{animation-name:pulse;}
@keyframes rubberBand {
from{transform:scale3d(1, 1, 1);}
30%{transform:scale3d(1.25, 0.75, 1);}
40%{transform:scale3d(0.75, 1.25, 1);}
50%{transform:scale3d(1.15, 0.85, 1);}
65%{transform:scale3d(.95, 1.05, 1);}
75%{transform:scale3d(1.05, .95, 1);}
to{transform:scale3d(1, 1, 1);}
}
.rubberBand{animation-name:rubberBand;}
@keyframes shake {
from, to{transform:translate3d(0, 0, 0);}
10%, 30%, 50%, 70%, 90%{transform:translate3d(-10px, 0, 0);}
20%, 40%, 60%, 80%{transform:translate3d(10px, 0, 0);}
}
.shake{animation-name:shake;}
@keyframes headShake {
0%{transform:translateX(0);}
6.5%{transform:translateX(-6px) rotateY(-9deg);}
18.5%{transform:translateX(5px) rotateY(7deg);}
31.5%{transform:translateX(-3px) rotateY(-5deg);}
43.5%{transform:translateX(2px) rotateY(3deg);}
50%{transform:translateX(0);}
}
.headShake{animation-timing-function:ease-in-out;animation-name:headShake;}
@keyframes swing {
20%{transform:rotate3d(0, 0, 1, 15deg);}
40%{transform:rotate3d(0, 0, 1, -10deg);}
60%{transform:rotate3d(0, 0, 1, 5deg);}
80%{transform:rotate3d(0, 0, 1, -5deg);}
to{transform:rotate3d(0, 0, 1, 0deg);}
}
.swing{transform-origin:top center;animation-name:swing;}
@keyframes tada {
from{transform:scale3d(1, 1, 1);}
10%, 20%{transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
to{transform:scale3d(1, 1, 1);}
}
.tada{animation-name:tada;}
@keyframes wobble {
from{transform:none;}
15%{transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
to{transform:none;}
}
.wobble{animation-name:wobble;}
@keyframes jello {
from, 11.1%, to{transform:none;}
22.2%{transform:skewX(-12.5deg) skewY(-12.5deg);}
33.3%{transform:skewX(6.25deg) skewY(6.25deg);}
44.4%{transform:skewX(-3.125deg) skewY(-3.125deg);}
55.5%{transform:skewX(1.5625deg) skewY(1.5625deg);}
66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg);}
77.7%{transform:skewX(0.390625deg) skewY(0.390625deg);}
88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
.jello{animation-name:jello;transform-origin:center;}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;transform:scale3d(.3, .3, .3);}
20%{transform:scale3d(1.1, 1.1, 1.1);}
40%{transform:scale3d(.9, .9, .9);}
60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03);}
80%{transform:scale3d(.97, .97, .97);}
to{opacity:1;transform:scale3d(1, 1, 1);}
}
.bounceIn{animation-name:bounceIn;}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;transform:translate3d(0, -3000px, 0);}
60%{opacity:1;transform:translate3d(0, 25px, 0);}
75%{transform:translate3d(0, -10px, 0);}
90%{transform:translate3d(0, 5px, 0);}
to{transform:none;}
}
.bounceInDown{animation-name:bounceInDown;}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity:0;transform:translate3d(-3000px, 0, 0);}
60%{opacity:1;transform:translate3d(25px, 0, 0);}
75%{transform:translate3d(-10px, 0, 0);}
90%{transform:translate3d(5px, 0, 0);}
to{transform:none;}
}
.bounceInLeft{animation-name:bounceInLeft;}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from{opacity:0;transform:translate3d(3000px, 0, 0);}
60%{opacity:1;transform:translate3d(-25px, 0, 0);}
75%{transform:translate3d(10px, 0, 0);}
90%{transform:translate3d(-5px, 0, 0);}
to{transform:none;}
}
.bounceInRight{animation-name:bounceInRight;}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to{animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);}
from{opacity:0;transform:translate3d(0, 3000px, 0);}
60%{opacity:1;transform:translate3d(0, -20px, 0);}
75%{transform:translate3d(0, 10px, 0);}
90%{transform:translate3d(0, -5px, 0);}
to{transform:translate3d(0, 0, 0);}
}
.bounceInUp{animation-name:bounceInUp;}
@keyframes bounceOut {
20%{transform:scale3d(.9, .9, .9);}
50%, 55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1);}
to{opacity:0;transform:scale3d(.3, .3, .3);}
}
.bounceOut{animation-name:bounceOut;}
@keyframes bounceOutDown {
20%{transform:translate3d(0, 10px, 0);}
40%, 45%{opacity:1;transform:translate3d(0, -20px, 0);}
to{opacity:0;transform:translate3d(0, 2000px, 0);}
}
.bounceOutDown{animation-name:bounceOutDown;}
@keyframes bounceOutLeft {
20%{opacity:1;transform:translate3d(20px, 0, 0);}
to{opacity:0;transform:translate3d(-2000px, 0, 0);}
}
.bounceOutLeft{animation-name:bounceOutLeft;}
@keyframes bounceOutRight {
20%{opacity:1;transform:translate3d(-20px, 0, 0);}
to{opacity:0;transform:translate3d(2000px, 0, 0);}
}
.bounceOutRight{animation-name:bounceOutRight;}
@keyframes bounceOutUp {
20%{transform:translate3d(0, -10px, 0);}
40%, 45%{opacity:1;transform:translate3d(0, 20px, 0);}
to{opacity:0;transform:translate3d(0, -2000px, 0);}
}
.bounceOutUp{animation-name:bounceOutUp;}
@keyframes fadeIn {
from{opacity:0;}
to{opacity:1;}
}
.fadeIn{animation-name:fadeIn;}
@keyframes fadeInDown {
from{opacity:0;transform:translate3d(0, -100%, 0);}
to{opacity:1;transform:none;}
}
.fadeInDown{animation-name:fadeInDown;}
@keyframes fadeInDownBig {
from{opacity:0;transform:translate3d(0, -2000px, 0);}
to{opacity:1;transform:none;}
}
.fadeInDownBig{animation-name:fadeInDownBig;}
@keyframes fadeInLeft {
from{opacity:0;transform:translate3d(-100%, 0, 0);}
to{opacity:1;transform:none;}
}
.fadeInLeft{animation-name:fadeInLeft;}
@keyframes fadeInLeftBig {
from{opacity:0;transform:translate3d(-2000px, 0, 0);}
to{opacity:1;transform:none;}
}
.fadeInLeftBig{animation-name:fadeInLeftBig;}
@keyframes fadeInRight {
from{opacity:0;transform:translate3d(100%, 0, 0);}
to{opacity:1;transform:none;}
}
.fadeInRight{animation-name:fadeInRight;}
@keyframes fadeInRightBig {
from{opacity:0;transform:translate3d(2000px, 0, 0);}
to{opacity:1;transform:none;}
}
.fadeInRightBig{animation-name:fadeInRightBig;}
@keyframes fadeInUp {
from{opacity:0;transform:translate3d(0, 100%, 0);}
to{opacity:1;transform:none;}
}
.fadeInUp{animation-name:fadeInUp;}
@keyframes fadeInUpBig {
from{opacity:0;transform:translate3d(0, 2000px, 0);}
to{opacity:1;transform:none;}
}
.fadeInUpBig{animation-name:fadeInUpBig;}
@keyframes fadeOut {
from{opacity:1;}
to{opacity:0;}
}
.fadeOut{animation-name:fadeOut;}
@keyframes fadeOutDown {
from{opacity:1;}
to{opacity:0;transform:translate3d(0, 100%, 0);}
}
.fadeOutDown{animation-name:fadeOutDown;}
@keyframes fadeOutDownBig {
from{opacity:1;}
to{opacity:0;transform:translate3d(0, 2000px, 0);}
}
.fadeOutDownBig{animation-name:fadeOutDownBig;}
@keyframes fadeOutLeft {
from{opacity:1;}
to{opacity:0;transform:translate3d(-100%, 0, 0);}
}
.fadeOutLeft{animation-name:fadeOutLeft;}
@keyframes fadeOutLeftBig {
from{opacity:1;}
to{opacity:0;transform:translate3d(-2000px, 0, 0);}
}
.fadeOutLeftBig{animation-name:fadeOutLeftBig;}
@keyframes fadeOutRight {
from{opacity:1;}
to{opacity:0;transform:translate3d(100%, 0, 0);}
}
.fadeOutRight{animation-name:fadeOutRight;}
@keyframes fadeOutRightBig {
from{opacity:1;}
to{opacity:0;transform:translate3d(2000px, 0, 0);}
}
.fadeOutRightBig{animation-name:fadeOutRightBig;}
@keyframes fadeOutUp {
from{opacity:1;}
to{opacity:0;transform:translate3d(0, -100%, 0);}
}
.fadeOutUp{animation-name:fadeOutUp;}
@keyframes fadeOutUpBig {
from{opacity:1;}
to{opacity:0;transform:translate3d(0, -2000px, 0);}
}
.fadeOutUpBig{animation-name:fadeOutUpBig;}
@keyframes flip {
from{transform:perspective(400px) rotate3d(0, 1, 0, -360deg);animation-timing-function:ease-out;}
40%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function:ease-out;}
50%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function:ease-in;}
80%{transform:perspective(400px) scale3d(.95, .95, .95);animation-timing-function:ease-in;}
to{transform:perspective(400px);animation-timing-function:ease-in;}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip;}
@keyframes flipInX {
from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0;}
40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in;}
60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;}
80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg);}
to{transform:perspective(400px);}
}
.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX;}
@keyframes flipInY {
from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function:ease-in;opacity:0;}
40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);animation-timing-function:ease-in;}
60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;}
80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg);}
to{transform:perspective(400px);}
}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY;}
@keyframes flipOutX {
from{transform:perspective(400px);}
30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;}
to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;}
}
.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}
@keyframes flipOutY {
from{transform:perspective(400px);}
30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;}
to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;}
}
.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY;}
@keyframes lightSpeedIn {
from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;}
60%{transform:skewX(20deg);opacity:1;}
80%{transform:skewX(-5deg);opacity:1;}
to{transform:none;opacity:1;}
}
.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out;}
@keyframes lightSpeedOut {
from{opacity:1;}
to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;}
}
.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in;}
@keyframes rotateIn {
from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
to{transform-origin:center;transform:none;opacity:1;}
}
.rotateIn{animation-name:rotateIn;}
@keyframes rotateInDownLeft {
from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
to{transform-origin:left bottom;transform:none;opacity:1;}
}
.rotateInDownLeft{animation-name:rotateInDownLeft;}
@keyframes rotateInDownRight {
from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{transform-origin:right bottom;transform:none;opacity:1;}
}
.rotateInDownRight{animation-name:rotateInDownRight;}
@keyframes rotateInUpLeft {
from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
to{transform-origin:left bottom;transform:none;opacity:1;}
}
.rotateInUpLeft{animation-name:rotateInUpLeft;}
@keyframes rotateInUpRight {
from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0;}
to{transform-origin:right bottom;transform:none;opacity:1;}
}
.rotateInUpRight{animation-name:rotateInUpRight;}
@keyframes rotateOut {
from{transform-origin:center;opacity:1;}
to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0;}
}
.rotateOut{animation-name:rotateOut;}
@keyframes rotateOutDownLeft {
from{transform-origin:left bottom;opacity:1;}
to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0;}
}
.rotateOutDownLeft{animation-name:rotateOutDownLeft;}
@keyframes rotateOutDownRight {
from{transform-origin:right bottom;opacity:1;}
to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
.rotateOutDownRight{animation-name:rotateOutDownRight;}
@keyframes rotateOutUpLeft {
from{transform-origin:left bottom;opacity:1;}
to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0;}
}
.rotateOutUpLeft{animation-name:rotateOutUpLeft;}
@keyframes rotateOutUpRight {
from{transform-origin:right bottom;opacity:1;}
to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0;}
}
.rotateOutUpRight{animation-name:rotateOutUpRight;}
@keyframes hinge {
0%{transform-origin:top left;animation-timing-function:ease-in-out;}
20%, 60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;animation-timing-function:ease-in-out;}
40%, 80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;}
to{transform:translate3d(0, 700px, 0);opacity:0;}
}
.hinge{animation-name:hinge;}
@keyframes jackInTheBox {
from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom;}
50%{transform:rotate(-10deg);}
70%{transform:rotate(3deg);}
to{opacity:1;transform:scale(1);}
}
.jackInTheBox{animation-name:jackInTheBox;}
@keyframes rollIn {
from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
to{opacity:1;transform:none;}
}
.rollIn{animation-name:rollIn;}
@keyframes rollOut {
from{opacity:1;}
to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}
}
.rollOut{animation-name:rollOut;}
@keyframes zoomIn {
from{opacity:0;transform:scale3d(.3, .3, .3);}
50%{opacity:1;}
}
.zoomIn{animation-name:zoomIn;}
@keyframes zoomInDown {
from{opacity:0;transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInDown{animation-name:zoomInDown;}
@keyframes zoomInLeft {
from{opacity:0;transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInLeft{animation-name:zoomInLeft;}
@keyframes zoomInRight {
from{opacity:0;transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInRight{animation-name:zoomInRight;}
@keyframes zoomInUp {
from{opacity:0;transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity:1;transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomInUp{animation-name:zoomInUp;}
@keyframes zoomOut {
from{opacity:1;}
50%{opacity:0;transform:scale3d(.3, .3, .3);}
to{opacity:0;}
}
.zoomOut{animation-name:zoomOut;}
@keyframes zoomOutDown {
40%{opacity:1;transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to{opacity:0;transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomOutDown{animation-name:zoomOutDown;}
@keyframes zoomOutLeft {
40%{opacity:1;transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
to{opacity:0;transform:scale(.1) translate3d(-2000px, 0, 0);transform-origin:left center;}
}
.zoomOutLeft{animation-name:zoomOutLeft;}
@keyframes zoomOutRight {
40%{opacity:1;transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
to{opacity:0;transform:scale(.1) translate3d(2000px, 0, 0);transform-origin:right center;}
}
.zoomOutRight{animation-name:zoomOutRight;}
@keyframes zoomOutUp {
40%{opacity:1;transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);}
to{opacity:0;transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);}
}
.zoomOutUp{animation-name:zoomOutUp;}
@keyframes slideInDown {
from{transform:translate3d(0, -100%, 0);visibility:visible;}
to{transform:translate3d(0, 0, 0);}
}
.slideInDown{animation-name:slideInDown;}
@keyframes slideInLeft {
from{transform:translate3d(-100%, 0, 0);visibility:visible;}
to{transform:translate3d(0, 0, 0);}
}
.slideInLeft{animation-name:slideInLeft;}
@keyframes slideInRight {
from{transform:translate3d(100%, 0, 0);visibility:visible;}
to{transform:translate3d(0, 0, 0);}
}
.slideInRight{animation-name:slideInRight;}
@keyframes slideInUp {
from{transform:translate3d(0, 100%, 0);visibility:visible;}
to{transform:translate3d(0, 0, 0);}
}
.slideInUp{animation-name:slideInUp;}
@keyframes slideOutDown {
from{transform:translate3d(0, 0, 0);}
to{visibility:hidden;transform:translate3d(0, 100%, 0);}
}
.slideOutDown{animation-name:slideOutDown;}
@keyframes slideOutLeft {
from{transform:translate3d(0, 0, 0);}
to{visibility:hidden;transform:translate3d(-100%, 0, 0);}
}
.slideOutLeft{animation-name:slideOutLeft;}
@keyframes slideOutRight {
from{transform:translate3d(0, 0, 0);}
to{visibility:hidden;transform:translate3d(100%, 0, 0);}
}
.slideOutRight{animation-name:slideOutRight;}
@keyframes slideOutUp {
from{transform:translate3d(0, 0, 0);}
to{visibility:hidden;transform:translate3d(0, -100%, 0);}
}
.slideOutUp {
animation-name: slideOutUp;
}