@charset "UTF-8";
@charset "UTF-8";
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//vockam.com/wp-content/themes/vockam/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
 @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform: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{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform: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:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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 heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,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:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,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:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,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:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,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,-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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,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,-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:translateZ(0);transform:translateZ(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-duration:.75s;animation-duration:.75s;-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{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{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{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-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{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-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}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-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)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{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{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(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:rotate(80deg);transform:rotate(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:rotate(60deg);transform:rotate(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:rotate(80deg);transform:rotate(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:rotate(60deg);transform:rotate(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-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{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{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.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.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) 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 {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(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: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-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: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translateZ(0)
}
[data-aos=fade-up] {
transform: translate3d(0, 100px, 0)
}
[data-aos=fade-down] {
transform: translate3d(0, -100px, 0)
}
[data-aos=fade-right] {
transform: translate3d(-100px, 0, 0)
}
[data-aos=fade-left] {
transform: translate3d(100px, 0, 0)
}
[data-aos=fade-up-right] {
transform: translate3d(-100px, 100px, 0)
}
[data-aos=fade-up-left] {
transform: translate3d(100px, 100px, 0)
}
[data-aos=fade-down-right] {
transform: translate3d(-100px, -100px, 0)
}
[data-aos=fade-down-left] {
transform: translate3d(100px, -100px, 0)
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1)
}
[data-aos=zoom-in] {
transform: scale(.6)
}
[data-aos=zoom-in-up] {
transform: translate3d(0, 100px, 0) scale(.6)
}
[data-aos=zoom-in-down] {
transform: translate3d(0, -100px, 0) scale(.6)
}
[data-aos=zoom-in-right] {
transform: translate3d(-100px, 0, 0) scale(.6)
}
[data-aos=zoom-in-left] {
transform: translate3d(100px, 0, 0) scale(.6)
}
[data-aos=zoom-out] {
transform: scale(1.2)
}
[data-aos=zoom-out-up] {
transform: translate3d(0, 100px, 0) scale(1.2)
}
[data-aos=zoom-out-down] {
transform: translate3d(0, -100px, 0) scale(1.2)
}
[data-aos=zoom-out-right] {
transform: translate3d(-100px, 0, 0) scale(1.2)
}
[data-aos=zoom-out-left] {
transform: translate3d(100px, 0, 0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translateZ(0)
}
[data-aos=slide-up] {
transform: translate3d(0, 100%, 0)
}
[data-aos=slide-down] {
transform: translate3d(0, -100%, 0)
}
[data-aos=slide-right] {
transform: translate3d(-100%, 0, 0)
}
[data-aos=slide-left] {
transform: translate3d(100%, 0, 0)
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0)
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
scroll-behavior: smooth;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040; font-family: 'Rubik', sans-serif !important;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
font-family: 'Rubik', sans-serif !important;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}  .banner-section {
box-shadow: 5px 5px 5px rgb(68 68 68 / 6%);
position: relative;
background: #fff;
transition: 0.6s;
}
.banner-section.stickyNav {
box-shadow: 5px 5px 5px rgb(68 68 68 / 6%);
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
background: #fff;
animation-name: fadeInDown;
animation-duration: 0.6s;
}
.navbar-section {
padding: 30px 20px;
transition: 0.6s;
}
.banner-section.stickyNav .navbar-section {
padding: 15px 20px;
transition: 0.6s;
}
.navbar-section .site-branding .custom-logo {
width: 10rem;
}
.navbar-section .site-branding .site-title {
display: none;
}
.nav-link {
color: var(--primary-color);
}
.custom-arrow {
font-size: 10px;
}
.custom-collapse {
margin-left: 4rem;
}
.navbar-section .navbar-nav li {
transition: 0.4s;
margin-left: 8px;
}
.navbar-section .navbar-nav li a {
outline: none !important;
color: #202020 !important;
transition: 0.4s;
font-size: 15px;
}
.navbar-section .navbar-nav li a:hover {
color: #fbce17 !important;
transition: 0.4s;
}
.navbar-section .navbar-nav .dropdown-menu li {
margin-left: 0;
}
.navbar-section .navbar-nav .dropdown-menu li a:hover {
background-color: #fbce17;
color: #202020 !important;
transition: 0.4s;
}
.navbar-section .navbar-nav .dropdown-item {
color: #202020;
transition: 0.4s;
}
.navbar-section .navbar-nav .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 8px;
vertical-align: 0.255em;
content: "";
border: solid black;
border-width: 0 2px 2px 0;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: 0.4s;
}
.navbar-section .navbar-nav .dropdown-toggle:hover::after,
.navbar-section .navbar-nav li.active .dropdown-toggle::after {
border: solid #fbce17;
border-width: 0 2px 2px 0;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transition: 0.4s;
}
.navbar-section .navbar-nav .dropdown-item.active,
.navbar-section .navbar-nav .dropdown-item:active,
.navbar-section .navbar-nav .dropdown-item:hover,
.navbar-section .navbar-nav .dropdown-item:focus {
background-color: #fbce17;
color: #202020;
transition: 0.4s;
}
.navbar-section .navbar-nav li:hover {
color: #fbce17;
transition: 0.4s;
}
.navbar-section .navbar-nav li.active,
.navbar-section .navbar-nav li.active .nav-link {
color: #fbce17 !important;
}
.navbarRightListWraper .navbar-nav {
align-items: center;
}
.navbarRightListWraper .navbar-nav li:last-child {
padding-right: 0;
}
.navbar-section .navbar-nav .demo-btn a {
background-color: #202020;
color: #fff !important;
border-radius: 4px;
transition: 0.3s;
font-weight: 400;
text-align: center;
padding: 7px 14px;
text-decoration: none;
font-size: 1rem;
line-height: 1.5;
}
.navbar-section .navbar-nav .demo-btn.active a {
color: #fff !important;
}
.navbar-section .navbar-nav .demo-btn a:hover {
background-color: #fbce17;
color: #000 !important;
}
.laguageSwitchBtn .nav-link span {
position: relative;
}
.laguageSwitchBtn .nav-link span::after {
content: '';
position: absolute;
top: 1px;
left: 0;
height: 16px;
width: 16px;
background-image: url(//vockam.com/wp-content/themes/vockam/images/globe.png);
background-size: contain;
background-repeat: no-repeat;
margin-left: -20px;
}
.switcher .selected a,
.switcher .option a {
font-size: 15px;
}
.rightSideNavMenu {
position: relative;
}  main .entry-content {
margin: 0;
}
.main-banner {
min-height: calc(100vh - 102px);
background-color: #fafafa;
display: flex;
}
.main-banner.stickyNav {
margin-top: 85px !important;
}
.main-banner .elementor-container {
width: 100%;
}
.bnrCtntntWrap {
padding: 0;
}
.bnrCtntntWrap {
height: 100%;
}
.bnrCtntntWrap .elementor-container {
width: 80%;
margin-left: 0 !important;
height: 100%;
}
.bnrCtntntWrap .banner-title h1 {
font-size: 50px !important;
line-height: 60px !important;
font-weight: 600 !important;
}
.bnrCtntntWrap .sub-text h4 {
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
.bnrCtntntWrap .sub-text p {
font-size: 16px;
font-family: 'Mulish', sans-serif !important;
}
.bnrCtntntWrap .sub-text p:last-child {
margin: 0;
}
.elementor-heading-title,
.elementor-widget-container p {
font-family: 'Rubik', sans-serif !important;
}
.bnrBtnsWraper {
width: fit-content !important;
margin-bottom: 0 !important;
}
.bnrBtnsWraper:last-child {
margin-left: 20px;
}
.play-btn {
background-color: transparent;
color: #202020;
font-family: Rubik;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: left;
outline: none !important;
box-shadow: none !important;
border: none !important;
transition: 0.5s;
padding: 0;
}
.play-btn svg {
display: inline-block;
vertical-align: middle;
width: 28%;
transition: 0.5s;
margin: 0 0 0 5px;
}
.play-btn svg:hover {
fill: black;
transition: 0.5s;
}
.play-btn svg:hover path {
fill: white;
transition: 0.5s;
}
.videoModalWraper {
padding-right: 0 !important;
}
.videoModalWraper .modal-dialog {
max-width: 90%;
}
.videoModalWraper .close {
position: absolute;
right: -15px;
top: -15px;
background: #fff;
opacity: 1 !important;
border: none;
outline: none !important;
height: 40px;
width: 40px;
border-radius: 50%;
font-weight: 300;
font-size: 34px;
box-shadow: 0 4px 30px 0 rgb(0 0 0 / 23%);
z-index: 1;
}
.videoModalWraper .modal-body {
padding: 0;
}
.videoModalWraper .modal-body iframe {
height: 520px;
margin: 0 0 -8px 0;
}
.videoModalWraper .modal-body .embed-responsive {
height: 520px;
margin: 0 0 -8px 0;
}
.videoModalWraper .modal-body .embed-responsive::before {
background: #000;
} .buyerSellerSCtnBorderBg {
position: absolute !important;
width: 50% !important;
margin: 0 auto !important;
left: 0;
right: 0;
top: 46%;
}
.buyerSellerSCtnBorderBg .dot-svg {
width: 100%;
}
.buyerSellerImgSctn img {
width: 75%;
border-radius: 18px !important;
box-shadow: 0 4px 29px 0 rgb(0 0 0 / 7%) !important;
min-height: 335px;
}
.buyerSellerImgSctn .buyerSelllerBoxesCntr img {
min-height: 200px;
}
.path {
stroke-dasharray: 10;
stroke-dashoffset: 1000;
animation: dash 10s linear forwards infinite;
}
@keyframes dash {
to {
stroke-dashoffset: 10;
stroke-dasharray: 10;
}
}
.buyerSellerCntntHdng {
font-size: 18px;
margin-bottom: 12px;
color: #000;
}
.buyerSellerCntntPara {
font-family: 'Mulish', sans-serif;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.59;
letter-spacing: normal;
text-align: center;
margin: 0 auto;
color: #1e1e1e;
width: 53%;
}
.sctnCmnSubHeading p {
font-family: 'Mulish', sans-serif !important;
}
.sctnCmnSubHeading p a {
color: #000 !important;
font-weight: bold;
transition: 0.5s;
}
.sctnCmnSubHeading p a:hover {
color: #fbce17 !important;
transition: 0.5s;
}  .aboutUsImg img {
width: 85%;
position: relative;
top: -16px;
left: 0;
border-radius: 8px; }
.trustedCompanyShortcodeWrap {
width: 60% !important;
margin: 0 auto;
}
.trustedCompanySlider .owl-stage {
display: flex;
align-items: center;
}
.trustedCompanySlider .item img {
width: 75%;
}  .serviceRghtCntntWraper .elementor-widget-wrap {
width: 80%;
margin-left: auto;
}
.serviceLftCntntWraper .elementor-widget-wrap {
width: 80%;
margin-right: auto;
} .checkIconListWrap ul li {
align-items: flex-start !important;
}
.checkIconListWrap ul li i {
background-color: #fbce17;
text-align: center;
height: 18px;
min-width: 18px;
width: 18px;
padding: 10px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
font-size: 12px !important;
margin: 1px 0 0 0;
}
.checkIconListWrap ul li span,
.checkIconListWrap ul li a {
font-family: 'Mulish', sans-serif !important;
}
.service-img-part-right .servicesImgOne {
text-align: right;
}
.service-img-part-left .servicesImgOne {
text-align: left;
}
.service-img-part .servicesImgOne img {
width: 80%;
border-radius: 12px;
box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.13);
}
.service-img-part .servicesImgTwo {
position: absolute;
width: 60% !important;
top: 44%;
}
.service-img-part .servicesImgTwo img {
border-radius: 12px;
box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.13);
}
.service-img-part-right .servicesImgTwo {
left: 0px; }
.service-img-part-right .servicesImgTwo img {
width: 100%;
}
.service-img-part-left .servicesImgTwo {
right: 22px; }
.service-img-part-circle .servicesImgOne img {
width: 75% !important;
margin-top: 7%;
}
.service-img-part-circle .servicesImgTwo {
left: 0;
width: 75% !important;
top: -15px;
box-shadow: none;
border: none; }
.service-img-part-circle .servicesImgTwo img {
box-shadow: none;
border: none;
}  .blogPostBoxWrap .slick-slide .wppsac-post-image-bg {
margin-bottom: 0 !important;
}
.blogPostBoxWrap .slick-slide img {
width: 100%;
min-height: 250px;
max-height: 250px;
object-fit: cover;
box-shadow: 0 4px 23px 0 rgb(0 0 0 / 5%);
border: solid 1px rgba(0, 0, 0, 0.15);
border-bottom: none;
border-radius: 8px 8px 0 0;
}
.blogPostBoxWrap .slick-slide .wppsac-post-content-position {
box-shadow: 0 4px 23px 0 rgb(0 0 0 / 5%);
border: solid 1px rgba(0, 0, 0, 0.15);
padding: 25px 20px 20px 20px;
display: flex;
flex-direction: column;
border-radius: 0 0 8px 8px;
}
.blogPostBoxWrap .slick-slide .wppsac-post-date {
order: 0;
font-size: 14px;
font-weight: 500;
color: #fbce17;
font-family: 'Rubik', sans-serif !important;
}
.blogPostBoxWrap .slick-slide .wppsac-post-title {
order: 1;
}
.blogPostBoxWrap .slick-slide .wppsac-post-title a {
color: #000;
display: -webkit-box;
overflow: hidden;
font-size: 20px;
font-weight: normal;
line-height: 27px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-family: 'Rubik', sans-serif !important;
outline: none !important;
}
.blogPostBoxWrap .slick-slide .wppsac-post-content {
order: 1;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
color: #000000d1;
margin: 15px 0 0 0;
font-family: 'Rubik', sans-serif !important;
padding: 0;
}
.blogPostBoxWrap .slick-slide .wppsac-readmorebtn {
border: none !important;
padding: 20px 0 0 0 !important;
display: block;
margin: 15px 0 0 0 !important;
line-height: 0;
border-top: 1px solid #00000026 !important;
color: #000000b3;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
font-family: 'Rubik', sans-serif !important;
}
.blogPostBoxWrap .slick-slide .wppsac-readmorebtn:hover {
color: #000 !important;
background: #fff !important;
}
.blogPostBoxWrap .slick-arrow {
display: none !important;
}
.blogPostBoxWrap .slick-dots {
bottom: -60px;
}
.blogPostBoxWrap .slick-dots li {
margin: 0 3px !important;
}
.blogPostBoxWrap .slick-dots li button {
border: none !important;
width: 18px !important;
height: 18px !important;
background-color: #c4c4c466 !important;
cursor: pointer;
}
.blogPostBoxWrap .slick-dots .slick-active button {
background-color: rgba(27, 26, 26, 0.4) !important;
}  .clientReviewCntntWrap {
background: #fff;
padding: 40px 40px 30px 40px;
border-radius: 6px;
box-shadow: 0 4px 23px 0 rgb(180 152 39 / 13%);
width: 88%;
margin-left: auto;
}
.clientReviewTopHeader {
display: flex;
justify-content: space-between;
}
.clientImgNameWrap {
display: flex;
}
.clientReviewTopHeader .clientImg {
width: 60px !important;
height: 60px;
min-width: 60px;
border-radius: 50%;
object-fit: cover;
}
.clientDetails {
margin: 5px 12px 0 12px;
}
.clientDetails h3 {
color: #292b2a;
font-size: 20px;
font-weight: normal;
margin: 0 0 5px 0;
}
.clientDetails p {
font-size: 15px;
font-weight: normal;
color: #292b2a61;
margin: 0;
}
.clientReviewCntntWrap .quotesImg {
width: 35px !important;
height: 35px !important;
}
.clientReviewDetails {
margin: 25px 0 0 0;
}
.clientReviewDetails p {
font-size: 14px;
color: #1e1e1e;
font-family: 'Mulish', sans-serif !important;
} .newsletterSctnMainWrap .owl-dots {
display: flex;
justify-content: center;
margin: 25px 0 0 auto;
width: 88%;
}
.newsletterSctnMainWrap .owl-dot {
margin: 0 5px;
}
.newsletterSctnMainWrap .owl-dot span {
height: 16px;
width: 16px;
display: block;
border: 1px solid #fff;
border-radius: 50%;
}
.newsletterSctnMainWrap .owl-dot.active span {
background-color: #fff;
}
.newsletterSctnCntntWrap {
width: 65% !important;
margin: 0 auto;
}
.newsletterSctnCntntWrap .subscribeFormBottomText {
margin: 12px 0 0 0;
}
.newsletterFormCntntWrap {
display: flex;
margin: 30px 0 0 0;
}
.newsletterFormFieldWrap {
width: 90%;
}
.newsletterFormCntntWrap input {
border-radius: 4px;
border: solid 1px rgba(0, 0, 0, 0.23);
background-color: #fff;
padding: 14px 20px;
outline: none !important;
min-height: 55px;
width: 100%;
}
.newsletterFormSubmitBtnWrap input {
background-color: #000;
color: #fff;
font-size: 16px;
font-weight: normal;
line-height: 1.5em;
padding: 13px 50px;
border: 2px solid #000;
box-shadow: none !important;
transition: 0.5s;
cursor: pointer;
margin: 0 0 0 10px;
}
.newsletterFormSubmitBtnWrap input:hover {
background-color: transparent;
color: #000;
transition: 0.5s;
border: 2px solid #000;
box-shadow: none !important;
}
.newsletterFormSubmitBtnWrap {
position: relative;
}
.wpcf7-spinner {
position: absolute;
top: 18px;
right: 12px;
margin: 0;
display: inline-block;
width: 20px;
height: 20px;
background-color: transparent;
opacity: 1;
}
.wpcf7-spinner:after {
content: " ";
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 3px solid #fff;
border-color: #fff transparent #fff transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
.newsletterFormSubmitBtnWrap:hover .wpcf7-spinner:after {
border: 3px solid #000;
border-color: #000 transparent #000 transparent;
}
.wpcf7-spinner::before {
display: none;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}  .site-footer {
background-color: #14161f;
color: #fff;
padding: 40px 0px;
}
.site-footer .logo-footer img {
width: 190px;
}
.cmnHtmlYellowBtnBorder,
.cmnHtmlYellowBtn {
font-family: "Rubik", Sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.5em;
fill: #000000;
color: #000000;
background-color: #FBCE17;
border-radius: 4px 4px 4px 4px;
padding: 8px 18px 8px 18px;
border: 2px solid #FBCE17;
outline: none !important;
transition: 0.5s;
}
a.cmnHtmlYellowBtnBorder {
color: #000000;
}
a.cmnHtmlYellowBtn {
display: inline-block;
color: #000000;
}
.cmnHtmlYellowBtnBorder:hover {
color: #FBCE17;
background-color: #14161f;
border: 2px solid #FBCE17;
transition: 0.5s;
}
.cmnHtmlYellowBtn:hover {
color: #fff;
background-color: #14161f;
border: 2px solid #14161f;
transition: 0.5s;
}
.site-footer .top-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
padding-bottom: 40px;
align-items: center;
}
.footer-list-columns {
margin: 0 20px 0 0;
}
.footer-list-columns:last-child {
margin: 0;
}
.site-footer .subscribe-bottom {
padding-bottom: 40px; align-items: flex-start;
width: 50%;
margin: 15px 0 0 0;
}
.site-footer .subscribe-bottom .widget {
margin: 0;
}
.site-footer .subscribe-bottom .footerSubscribeBotttomSubHdng {
margin: 0;
color: #ffffffb5;
}
.footerSubscribeBotttomHdng {
margin: 12px 0 15px 0;
}
.site-footer .subscribe-bottom .newsletterFormCntntWrap {
margin: 0;
}
.site-footer .subscribe-bottom .newsletterFormFieldWrap {
width: 80%;
}
.site-footer .subscribe-bottom .newsletterFormSubmitBtnWrap {
width: min-content;
}
.site-footer .newsletterFormCntntWrap .newsletterFormSubmitBtnWrap input {
padding: 6px 12px;
color: #000 !important;
background-color: #FBCE17 !important;
border-radius: 4px !important;
border: 2px solid #FBCE17 !important;
width: 150px !important;
min-height: 45px;
transition: 0.3s;
}
.site-footer .newsletterFormCntntWrap .newsletterFormSubmitBtnWrap input:hover {
color: #FBCE17 !important;
background-color: #14161f !important;
border: 2px solid #FBCE17 !important;
transition: 0.3s;
}
.site-footer .newsletterFormSubmitBtnWrap .wpcf7-spinner {
top: 15px;
right: 12px;
width: 15px;
height: 15px;
}
.site-footer .newsletterFormSubmitBtnWrap .wpcf7-spinner:after {
width: 15px;
height: 15px;
border: 2px solid #000;
border-color: #000 transparent #000 transparent;
}
.site-footer .newsletterFormSubmitBtnWrap:hover .wpcf7-spinner:after {
border: 2px solid #FBCE17;
border-color: #FBCE17 transparent #FBCE17 transparent;
}
.site-footer .newsletterFormCntntWrap input {
background: transparent !important;
border-radius: 4px;
border: solid 1px rgba(255, 255, 255, 0.7);
outline: none !important;
min-height: 45px;
color: #fff !important;
padding: 6px 15px;
}
.site-footer .newsletterFormCntntWrap input::placeholder {
color: #fff8f8c2;
}
.site-footer .footer-bottom-section {
padding: 40px 0 0px 0;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.site-footer .footer-right-sec .rdy-text {
font-family: 'Rubik', sans-serif;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2.28;
letter-spacing: normal;
text-align: left;
color: rgba(255, 255, 255, 0.82);
}
.site-footer .textwidget .know-more-sec {
white-space: nowrap
}
.site-footer .textwidget .know-more-footer-btn {
padding: 5px;
line-height: 1;
font-size: 10px;
border-radius: 2px;
border: 1px solid #FBCE17;
background-color: #FBCE17;
transition: 0.5s;
}
.site-footer .textwidget .know-more-footer-btn:hover {
border: 1px solid #FBCE17;
background-color: transparent;
color: #FBCE17;
transition: 0.5s;
}
.site-footer .footer-list {
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px;
}
.site-footer .textwidget a {
display: block;
font-family: 'Rubik', sans-serif;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: left;
color: #ffffffb5;
margin: 0 0 18px 0;
outline: none;
}
.site-footer .footer-list-columns .textwidget br {
display: none;
}
.site-footer .textwidget a:hover {
text-decoration: none;
color: #fff;
}
.site-footer .footer-list h3 {
font-family: 'Rubik', sans-serif;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 2.8;
letter-spacing: normal;
text-align: left;
color: #fff;
}
.footer-bottom-right a {
transition: 0.5s;
}
.socialMediaLink {
width: 45px;
height: 45px;
background-color: #ffffff17;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0 15px;
color: #fff !important;
font-size: 24px;
border-radius: 50%;
text-decoration: none !important;
transition: 0.2s !important;
outline: none !important;
}
.socialMediaLink i {
font-family: "FontAwesome";
-webkit-text-stroke: 0.5px #292b33;
transition: 0.2s;
}
.socialMediaLink .blackSocialImg {
display: none;
transition: 0.2s;
}
.socialMediaLink:hover .blackSocialImg {
display: block;
transition: 0.2s;
}
.socialMediaLink img {
max-height: 25px;
transition: 0.2s;
}
.socialMediaLink:hover img {
display: none;
transition: 0.2s;
}
.socialMediaLink:hover {
background-color: #fbce17;
color: #000 !important;
transition: 0.2s !important;
}
.socialMediaLink:hover i {
-webkit-text-stroke: 0.5px #fbce17;
transition: 0.2s;
}
.socialMediaLink .fa-linkedin:before {
content: "\f0e1";
}
.site-footer .search-input {
border-radius: 4px;
border: solid 1px rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0);
font-size: 15px;
font-weight: normal;
line-height: 22px;
color: #fff;
padding: 10px 15px;
min-width: 260px;
}
.site-footer .search-input::placeholder {
color: #fff8f8c2;
}
.site-footer input:focus,
.site-footer textarea:focus {
color: #fff;
}
.site-footer .footerCopyrightSctn {
align-items: center;
}
.site-footer .footerCopyrightSctn span {
font-size: 15px;
color: #ffffffb5;
margin: 0 25px 0 0;
}
.site-footer .footerCopyrightSctn span:last-child {
margin: 0;
}
.site-footer .footerCopyrightSctn a {
font-size: 15px;
color: #ffffffb5;
margin: 0 25px 0 0;
text-decoration: none !important;
outline: none !important;
}
.site-footer .footerCopyrightSctn p a {
margin: 0;
transition: '0.5s';
}
.site-footer .footerCopyrightSctn p a:hover {
color: #FBCE17;
transition: '0.5s';
}
.site-footer .footerCopyrightSctn span img {
width: 18px;
margin: -3px 0 0 0;
}
.footerListWthFormWrap {
display: flex;
padding: 20px 0 45px 0;
}
.footerListWthFormWrap .footer-list {
width: 90%;
}
.footerListWthFormWrap .subscribe-bottom {
padding-bottom: 40px;
width: 50%;
margin: 32px 0 0 70px;
margin-top: 30px !important;
}
.goToTop {
position: fixed;
bottom: 135px;
right: 25px;
display: none;
z-index: 9999;
background-color: #FBCE17;
color: white;
height: 40px;
width: 40px;
border-radius: 50%;
text-align: center;
padding: 10px;
transition: 0.5s;
box-shadow: 0 0 12px 3px #0000001f;
}
.goToTop img {
width: 16px;
margin: -4px 0 0 0;
}
.goToTop i {
font-size: 20px;
color: #000;
transition: 0.5s;
}
.goToTop:hover {
background-color: #fff;
box-shadow: 0 0 12px 3px #fbce17b5;
transition: 0.5s;
}  .aboutImportantTxtSctn .elementor-container {
width: 75%;
}
.aboutImportantTxtSctn .elementor-widget-container {
width: 80%;
}
.aboutImportantTxtSctn .firstP::first-letter {
font-size: 60px;
font-weight: 300;
line-height: 0;
}
.aboutImportantTxtSctn .sctnCmnSubHeading h3 {
font-size: 22px;
font-weight: 500;
color: #000;
font-family: 'Rubik', sans-serif;
}
.aboutImportantTxtSctn .sctnCmnSubHeading p {
line-height: 25px;
}
.smallSctnTiltleTopHdng p {
font-size: 13px;
} .ourTeamMainWrap .item {
padding: 25px 0;
}
.ourTeamCntntWrap {
text-align: center;
border-radius: 23px;
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 10%);
background-color: #fff;
margin: 0 auto;
width: 85%;
min-width: 245px;
padding: 70px 25px;
}
.ourTeamCntntWrap img {
width: 120px !important;
height: 120px !important;
min-width: 120px;
border-radius: 50% !important;
margin: 0 auto;
object-fit: cover;
}
.ourTeamCntntWrap h3 {
margin: 20px 0 5px 0;
color: #090909;
font-size: 28px;
word-break: break-all;
}
.ourTeamCntntWrap p {
margin: 0;
color: #aeaeae;
font-size: 16px;
word-break: break-all;
}
.ourTeamMainWrap .owl-nav {
position: absolute;
top: 0;
bottom: 0;
display: flex !important;
align-items: center;
width: 100%;
}
.ourTeamMainWrap .owl-stage-outer {
z-index: 1;
}
.ourTeamMainWrap .owl-next {
position: absolute;
right: 0;
}
.ourTeamMainWrap .owl-prev,
.ourTeamMainWrap .owl-next {
z-index: 2;
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 13%);
background-color: #fff;
height: 42px;
width: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
transition: 0.5s;
}
.ourTeamMainWrap .owl-prev:hover,
.ourTeamMainWrap .owl-next:hover {
background-color: #fbce17;
transition: 0.5s;
}  .counterBoxWrapCntr .counterWrapper {
border-left: 1px solid #dec82c;
border-right: 1px solid #dec82c;
padding: 0 15px;
}
.counterBoxWrap h3,
.counterBoxWrap .elementor-counter-number,
.counterBoxWrap .elementor-counter-number-suffix {
color: #000;
font-size: 45px !important;
font-weight: bold !important;
font-family: 'Mulish', sans-serif !important;
margin: 0 0 18px 0;
line-height: initial !important;
}
.counterBoxWrap p,
.counterBoxWrap .elementor-counter-title {
font-family: 'Rubik', sans-serif;
color: #000;
font-size: 16px !important;
font-weight: 400 !important;
font-family: 'Mulish', sans-serif !important;
margin: 0;
line-height: 22px;
} .funderDeskImgSctn img {
width: 80%;
animation: h-floating-ltr 5s linear;
position: relative;
}
.funderDeskCntntSctn .sctnCmnSubHeading p {
font-weight: 300;
}
.funderDeskCntntSctn .sctnCmnSubHeading span {
font-size: 20px;
}
.customerCentricitySctnBtmCntnt h3 {
font-size: 22px !important;
font-weight: 500 !important;
color: #000 !important;
font-family: 'Rubik', sans-serif !important;
}
.customerCentricitySctnBtmCntnt p {
margin: 0 4% 12px 0 !important;
font-family: 'Mulish', sans-serif !important;
}
.customerCentricityListCntntBox {
margin-right: 25px;
}
.customerCentricityListCntntBox ul {
margin: 0;
padding: 0 0 0 18px;
}
.customerCentricityListCntntBox ul li {
margin: 0 0 15px 0;
font-weight: 400;
color: #616161;
}
.customerCentricityImgSctn img {
width: 80%;
margin-left: auto;
}
.customerCentricitySctn {
box-shadow: 0 4px 39px 12px rgb(0 0 0 / 5%);
}
.aboutClientReviewMainWrap .quotesBgImg {
position: absolute;
top: -35%;
left: -58px;
}
.aboutClientReviewMainWrap .clientReviewCntntWrap {
border-radius: 9px;
box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.12);
border: solid 1px #dcdcdc;
background-color: #fff;
width: 90%;
margin: 30px auto;
padding: 30px;
}
.aboutClientReviewMainWrap .clientReviewCntntWrap hr {
border-top: 1px solid #e8e8e8;
width: 70%;
margin: 18px auto 18px auto;
}
.aboutClientReviewMainWrap .clientReviewDetails {
margin: 0;
}
.aboutClientReviewMainWrap .clientReviewDetails p {
font-size: 16px;
}
.aboutClientReviewMainWrap .clientDetails h3 {
font-size: 16px;
font-weight: 500;
}
.aboutClientReviewMainWrap .clientReviewTopHeader .clientImg {
width: 50px !important;
height: 50px;
min-width: 50px;
}
.aboutClientReviewMainWrap .owl-nav {
position: absolute;
top: 0;
bottom: 0;
display: flex !important;
align-items: center;
width: 100%;
}
.aboutClientReviewMainWrap .owl-stage-outer {
z-index: 1;
}
.aboutClientReviewMainWrap .owl-next {
position: absolute;
right: 0;
}
.aboutClientReviewMainWrap .owl-prev,
.aboutClientReviewMainWrap .owl-next {
z-index: 2;
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 13%);
background-color: #fff;
height: 42px;
width: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
transition: 0.5s;
}
.aboutClientReviewMainWrap .owl-prev:hover,
.aboutClientReviewMainWrap .owl-next:hover {
background-color: #fbce17;
transition: 0.5s;
}
.customerProjectsCntntWrap {
padding: 30px 0;
}
.customerProjectsCntntWrap .swiper-slide img {
height: 95px;
width: auto !important;
object-fit: contain;
}
.customerProjectsCntntWrap .swiper-pagination-bullet {
width: 12px;
height: 12px;
}
.customerProjectsCntntWrap .swiper-pagination-bullet-active {
box-shadow: 0 0 0px 3px #202020;
transition: 0.5s;
background: #facf36;
}
.customerProjectsCntntWrap .swiper-container-horizontal .swiper-pagination-bullets {
bottom: -45px;
}
.customerProjectsCntntWrap .elementor-swiper-button {
background: #facf36;
border-radius: 50%;
padding: 8px;
color: #000;
transition: 0.5s;
}
.customerProjectsCntntWrap .elementor-swiper-button:hover {
background: #fff;
box-shadow: 0 0 10px #facf36b8;
transition: 0.5s;
}  .latestPdfCntntWrap {
padding: 15px;
}
.latestPdfCntntWrap .clientImg {
height: 430px;
object-fit: cover;
border-radius: 15px;
margin: 0 0 20px 0;
box-shadow: 0 4px 30px 0 rgb(0 0 0 / 16%);
}
.latestPdfCntntWrap h3 {
font-size: 17px;
color: #000;
font-weight: 500;
min-height: 65px;
margin: 0 0 18px 0;
}
.latestPdfCntntWrap h3 span {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
min-height: 0;
}
.sliderMiddleNavBtn .owl-nav {
position: absolute;
top: 0;
bottom: 0;
display: flex !important;
align-items: center;
width: 100%;
}
.sliderMiddleNavBtn .owl-stage-outer {
z-index: 1;
}
.sliderMiddleNavBtn .owl-next {
position: absolute;
right: 0;
}
.sliderMiddleNavBtn .owl-prev,
.sliderMiddleNavBtn .owl-next {
z-index: 2;
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 13%);
background-color: #fff;
height: 42px;
width: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
transition: 0.5s;
}
.sliderMiddleNavBtn .owl-prev:hover,
.sliderMiddleNavBtn .owl-next:hover {
background-color: #fbce17;
transition: 0.5s;
}
.latestPdfMainWrap .owl-nav {
top: -115px;
}
.latestPdfMainWrap .owl-prev {
position: absolute;
left: -12px;
}
.latestPdfMainWrap .owl-next {
right: -12px;
}  .wpcf7-form .wpcf7-response-output {
border: none !important;
padding: 0 !important;
color: red;
margin: 10px 0 0 0 !important;
}
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
margin: 8px 0 0 0;
}
.wpcf7-form.sent .wpcf7-response-output {
color: green;
}  .blogPageMainWrap {
padding: 60px 0;
}
.blogThumbnailWrap { width: 100%;
margin: 0 0 25px 0;
}
.blogThumbnailWrap img {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 10%);
}
.blogPageMainWrap .blog-title {
font-size: 35px;
font-weight: normal;
line-height: 1.33em;
color: #000000;
margin: 0 0 20px 0;
font-family: 'Rubik', sans-serif;
}
.blogPageMainWrap .blog-title::first-letter {
text-transform: uppercase;
}
.blogPostDateAndAuthor {
color: #1e1e1e;
font-size: 16px;
}
.blogPostDateAndAuthor a {
color: #000;
font-weight: bold;
text-decoration: none !important;
transition: 0.5s;
}
.blogPostDateAndAuthor a:hover {
color: #fbce17;
transition: 0.5s;
}
.blogPageMainWrap p {
font-family: 'Mulish', sans-serif;
font-size: 18px;
}
.nextPrevPostMainWrap {
margin: 60px 0 60px 0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #cfcfcf;
padding: 60px 0 60px 0;
background-color: #f7f7f7;
}
.nextPrevPostWrap {
display: flex;
}
.nextPrevPostCntntWrap img {
width: 100%;
height: 320px;
object-fit: cover;
box-shadow: 0 4px 20px 0 rgb(0 0 0 / 10%);
border-radius: 10px;
margin: 0 0 20px 0;
}
.nextPrevPostBoxes {
display: flex;
width: 50%;
margin: 0 25px 0 0;
}
.nextPrevPostBoxes img {
width: 128px;
min-width: 128px;
height: 120px;
object-fit: cover;
border-radius: 5px;
}
.nextPrevPostBoxes a {
color: inherit;
text-decoration: none;
}
.nextPrevPostBoxes p span {
display: block;
font-size: 14px;
font-weight: 800;
line-height: 1;
color: #8b8b8b;
}
.nextPrevPostCntntWrap {
margin: 0 0 0 15px;
}
.nextPrevPostBoxes p a {
line-height: 22px;
font-size: 18px;
margin: 10px 0 15px 0;
color: #000;
outline: none;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nextPrevPostCntntWrap p {
margin: 0 0 18px 0;
}
.nextPrevPostBoxes .readMoreBtn {
display: block;
color: #000000;
background-color: #FBCE17;
border-radius: 4px;
padding: 5px 10px;
width: fit-content;
font-size: 14px;
transition: 0.4s;
}
.nextPrevPostBoxes .readMoreBtn:hover {
color: #FBCE17;
background-color: #000000;
transition: 0.4s;
}
.blogDetailsPgCommentSctn .comment-reply-title {
color: #000;
font-weight: 500;
}
.blogDetailsPgCommentSctn textarea,
.blogDetailsPgCommentSctn input {
border-radius: 6px;
padding: 12px 15px;
width: 100%;
outline: none !important;
}
.blogDetailsPgCommentSctn textarea {
height: 180px;
}
.blogDetailsPgCommentSctn form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blogDetailsPgCommentSctn label {
display: block;
font-weight: 600;
color: #000;
}
.blogDetailsPgCommentSctn form p {
width: 31%;
}
.blogDetailsPgCommentSctn form .comment-form-email {
margin: 0 15px 1.5em 15px;
}
.blogDetailsPgCommentSctn form .comment-notes,
.blogDetailsPgCommentSctn form .comment-form-comment,
.blogDetailsPgCommentSctn form .comment-form-cookies-consent,
.blogDetailsPgCommentSctn form .form-submit {
width: 100%;
}
.blogDetailsPgCommentSctn form .comment-form-cookies-consent {
display: flex;
}
.blogDetailsPgCommentSctn form .comment-form-cookies-consent input {
width: fit-content;
margin: 3px 8px 0 0;
}
.blogDetailsPgCommentSctn form .comment-form-cookies-consent label {
margin: 0;
line-height: 20px;
}
.blogDetailsPgCommentSctn form .form-submit #submit {
width: auto;
font-family: "Rubik", Sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.5em;
color: #000000;
background-color: #FBCE17;
border-radius: 4px;
padding: 8px 18px 8px 18px;
cursor: pointer;
border: none !important;
outline: none !important;
transition: 0.4s;
}
.blogDetailsPgCommentSctn form .form-submit #submit:hover {
color: #FBCE17;
background-color: #000000;
transition: 0.4s;
}
.blogDetailsPgCommentSctn form .logged-in-as a {
color: #000000;
text-decoration: underline;
transition: 0.4s;
}
.blogDetailsPgCommentSctn form .logged-in-as a:hover {
color: #FBCE17;
text-decoration: none;
transition: 0.4s;
}
.blogDetailsPgCommentSctn .comments-area .comments-title {
color: #000;
font-weight: 500;
font-size: 1.75rem;
}
.blogDetailsPgCommentSctn .comments-area .comment-list {
margin: 30px 0 25px 0;
padding: 0;
}
.blogDetailsPgCommentSctn .comments-area .children {
margin: 25px 0;
}
.blogDetailsPgCommentSctn .comments-area .comment-author img {
width: 35px;
border-radius: 50%;
height: 35px;
min-width: 35px;
margin: 0 15px 0 0;
}
.blogDetailsPgCommentSctn .comments-area .comment-author a {
color: #000;
text-decoration: none;
font-weight: 600;
}
.blogDetailsPgCommentSctn .comments-area .comment-metadata a {
color: #000;
font-size: 14px;
margin: 15px 0 0 0;
display: inline-block;
}
.blogDetailsPgCommentSctn .comments-area .edit-link a,
.blogDetailsPgCommentSctn .comments-area .reply a,
.blogDetailsPgCommentSctn .comments-area .comment-reply-title a {
color: #FBCE17;
font-weight: 600;
font-size: 16px;
margin: 0 0 0 5px;
transition: 0.4s;
}
.blogDetailsPgCommentSctn .comments-area .edit-link a:hover,
.blogDetailsPgCommentSctn .comments-area .reply a:hover,
.blogDetailsPgCommentSctn .comments-area .comment-reply-title a:hover {
color: #000;
transition: 0.4s;
}
.blogDetailsPgCommentSctn .comments-area .comment-content p {
color: #686868;
font-size: 16px;
margin: 0 0 10px 0;
}
.blogDetailsPgCommentSctn .comments-area .comment-list li {
margin: 0 0 35px 0;
}
.blogDetailsPgCommentSctn .comments-area .comment-respond {
margin: 25px 0 0 0;
}
.blogDetailsPgCommentSctn .comments-area .comment-reply-title a {
margin: 0 0 0 12px;
}
.blogDetailsPgCommentSctn .comments-area .comment-reply-title {
font-size: 22px;
}  .languageDropdownWrap {
display: flex;
}
.switcher {
font-size: 12pt;
cursor: pointer;
}
.switcher a {
text-decoration: none;
display: block;
outline: none !important;
color: #202020;
transition: 0.4s;
}
.switcher a img {
vertical-align: middle;
display: inline;
border: 0;
padding: 0;
margin: 0 5px 0 0;
opacity: 0.8;
}
.switcher a:hover img {
opacity: 1;
}
.switcher .selected {
background: #fff linear-gradient(180deg, #ffffff 0%, #fff 70%);
position: relative;
z-index: 9;
display: flex;
align-items: center;
}
.switcher .selected a {
border: 1px solid #ffffff;
color: #202020;
padding: 3px 5px;
transition: 0.5s;
}
.switcher .selected a:hover {
color: #fbce17;
transition: 0.5s;
}
.switcher .selected a.open {
color: #fbce17;
}
.switcher .selected a img {
display: none;
}
.switcher .selected a:hover {
background: #fff
}
.switcher .option {
z-index: 9998;
display: none;
width: 135px;
max-height: 198px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
transform: translate3d(0px, 48px, 0px);
top: 0px;
left: 0px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 0.25rem;
}
.switcher .option a {
color: #202020;
padding: 5px 10px;
display: flex;
align-items: center;
background-color: #fff;
}
.switcher .option a:hover {
background: #fbce17;
}
.switcher .option a.selected {
background: #fbce17;
}
#selected_lang_name {
float: none;
}
.l_name {
float: none !important;
margin: 0;
}
.switcher .option::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 5px;
background-color: #f5f5f5;
}
.switcher .option::-webkit-scrollbar {
width: 5px;
}
.switcher .option::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
background-color: #888;
}
#goog-gt-tt {
display: none !important;
}
.goog-te-banner-frame {
display: none !important;
}
.goog-te-menu-value:hover {
text-decoration: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
box-shadow: none !important;
}
body {
top: 0 !important;
}
#google_translate_element2 {
display: none !important;
}  .pricingOptionBoxMain {
font-family: 'Open Sans', sans-serif !important;
}
.pricingOptionBoxGridRow {
align-items: center;
}
.pricingOptionBoxes {
border: solid 2px #3f3a3a;
padding: 5px;
position: relative;
border-radius: 18px;
background-color: #fff;
}
.pricingOptionBoxMain .pricingTags {
top: -10px;
right: 15px;
width: 80px;
height: 80px;
position: absolute;
}
.pricingOptionBoxMain .pricingTags img {
width: 100%;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice {
top: 12px;
left: 12px;
color: #fff;
right: 5px;
position: absolute;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice h4 {
margin: 0 0 3px 0;
font-size: 16px;
font-weight: 700;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice p {
margin: 0;
font-size: 10px;
}
.pricingOptionBoxMain .pricingOptionBoxContent {
overflow: hidden;
min-height: 450px;
transition: 0.5s;
border-radius: 18px;
background-color: #fff;
}
.pricingOptionBoxMain .pricingOptionBoxes:hover .pricingOptionBoxContent {
transition: 0.5s;
background-color: #feeab7;
}
.pricingOptionBoxGridCol:nth-child(2) .pricingOptionBoxContent {
min-height: 515px;
}
.pricingOptionBoxGridCol:nth-child(2) .pricingOptionHeader {
background-color: #cfd9ecbd;
}
.pricingOptionBoxGridCol:nth-child(2) .pricingOptionBoxes:hover .pricingOptionBoxContent {
background-color: #cfd9ecbd;
}
.pricingOptionBoxGridCol:nth-child(3) .pricingOptionHeader {
background-color: #edf9fb;
}
.pricingOptionBoxGridCol:nth-child(3) .pricingOptionBoxes:hover .pricingOptionBoxContent {
background-color: #edf9fb;
}
.pricingOptionBoxMain .pricingOptionBoxes:hover .borderIconButton a {
border: solid 1px #fbce17;
background-color: #fbce17;
}
.pricingOptionBoxMain .pricingOptionHeader {
transition: 0.5s;
border-bottom: 1px solid transparent;
background-color: #feeab7;
}
.pricingOptionBoxMain .pricingOptionHeader div {
width: calc(100% - 95px);
padding: 15px 0 15px 15px;
}
.pricingOptionBoxMain .pricingOptionHeader h3 {
margin: 0 0 5px 0;
font-size: 17px;
font-weight: bold;
text-transform: capitalize;
color: #000000de;
}
.pricingOptionBoxMain .pricingOptionHeader p {
color: #00000080;
margin: 0 0 5px 0;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.pricingOptionBoxMain .pricingOptionContent {
padding: 20px 15px;
}
.pricingOptionBoxes br {
display: none;
}
.pricingOptionDetailsList {
margin: 0;
padding: 0 0 90px 0;
}
.pricingOptionDetailsList ul {
margin: 0;
padding: 0;
}
.pricingOptionDetailsList li {
color: #1c212d;
margin: 0 0 20px 0;
display: flex;
font-size: 15px;
}
.pricingOptionDetailsList li .listDotBox {
min-width: 20px;
}
.pricingOptionDetailsList li img {
margin: -3px 10px 0 0;
}
.pricingOptionBxBottomCntnt {
left: 0;
right: 0;
width: calc(100% - 30px);
bottom: 30px;
margin: 0 auto;
position: absolute;
}
.borderIconButton {
text-align: center;
}
.borderIconButton a {
color: #1c212d;
width: 95%;
border: solid 1px #1c212d;
margin: 15px auto 15px auto;
padding: 10px;
transition: 0.5s;
border-radius: 9px;
text-transform: inherit;
background-color: #fff;
display: block;
font-weight: 600;
}
.borderIconButton a .borderButtonTitle {
min-width: 88%;
display: inline-block;
}
.borderIconButton a img {
filter: brightness(0);
width: 15px;
}
.borderIconButton a:hover {
border: solid 1px #fbce17;
transition: 0.5s;
background-color: #fbce17;
}
.quesAnsAccordianSctn .quesAnsAccordianCntntSctn {
border: solid 2px #efefef;
margin: 0 0 20px 0;
padding: 50px;
border-radius: 18px;
background-color: #f3f6f9;
}
.quesAnsAccordianWraper {
margin: 15px 0 0 0;
font-family: 'Open Sans', sans-serif !important;
}
.quesAnsAccordianWraper .elementor-accordion-item {
background: #fff;
border: solid 1px #efefef;
margin: 0 0 12px 0;
border-radius: 12px;
padding: 15px;
}
.quesAnsAccordianWraper .elementor-tab-title {
background-image: url(//vockam.com/wp-content/themes/vockam/images/questionMark.png);
background-size: 18px;
background-repeat: no-repeat;
background-position: center left;
padding-left: 35px !important;
}
.quesAnsAccordianWraper .elementor-tab-content {
border-top: none !important;
padding-left: 35px !important;
}
.quesAnsAccordianWraper .elementor-tab-content p,
.quesAnsAccordianWraper .elementor-tab-title a {
font-family: 'Open Sans', sans-serif !important;
line-height: 25px;
margin: 0;
outline: none !important;
}
.quesAnsGroupHeadingSection {
padding: 15px 20px 5px 20px;
}
.quesAnsGroupHeadingSection h3 {
display: flex;
align-items: flex-start;
line-height: inherit;
color: #000;
margin: 0 0 8px 0;
font-size: 20px;
font-weight: 600;
font-family: "Open Sans", sans-serif;
}
.quesAnsGroupHeadingSection img {
width: 15px;
min-width: 15px;
margin: 8px 10px 0 0;
}
.quesAnsAccordianWraper .elementor-tab-content {
font-family: Open Sans, sans-serif !important;
white-space: break-spaces;
font-size: 15px;
}
.quesAnsAccordianWraper .elementor-tab-content a {
color: #fbce17;
transition: 0.5s;
font-weight: 600;
font-size: 16px;
}
.quesAnsAccordianWraper .elementor-tab-content a:hover {
color: #000;
transition: 0.5s;
text-decoration: underline;
}  .privacyPolicyPgMain {
font-family: "Open Sans", sans-serif !important;
padding: 60px 0;
}
.privacyPolicyPgMain h1 {
color: #000;
margin: 0 0 25px 0;
font-size: 35px;
text-align: center;
font-family: 'Mulish', sans-serif;
font-weight: bold;
line-height: 1.235;
text-transform: capitalize;
}
.privacyPolicyPgMain br {
display: none;
}
.privacyPolicyPgMain h3 {
color: #262626;
margin: 0 0 20px 0;
font-size: 25px;
font-weight: 600;
}
.privacyPolicyPgMain p {
color: #262626;
font-weight: 400;
line-height: 25px;
font-family: "Open Sans", sans-serif !important;
}
.privacyPolicyPgMain h4 {
margin: 0 0 20px 0;
font-size: 1.25em;
line-height: 1.2;
font-weight: 700;
color: #000000de;
}
.privacyPolicyPgMain .listBoxMain p {
color: #151515;
font-weight: 300;
}
.privacyPolicyPgMain .listBoxMain p span {
font-weight: 600;
}
.privacyPolicyPgMain .listBoxUl {
margin: 20px 0 20px 30px;
padding: 0;
}
.privacyPolicyPgMain .listBoxUl li {
display: flex;
}
.privacyPolicyPgMain .listBoxUl li img {
margin: 0 12px 0 0;
min-width: 12px;
}
.privacyPolicyPgMain .listBoxUl li p {
color: #2d2f31;
font-size: 15px;
font-weight: 600;
}
.privacyPolicyPgMain .listBoxUl li a {
color: #3b6be8;
word-break: break-all;
}
.privacyPolicyPgMain .listParaWithHeading li p {
font-weight: 300;
} .js-scroll {
opacity: 1;
transition: opacity 500ms;
}
.js-scroll.scrolled {
opacity: 1;
}
.scrolled.slide-left { transform: translate(10px, 0);
transition: 5s;
}
.scrolled.slide-right { transform: translate(-10px, 0);
transition: 5s;
}
.aboutUsImg.scrolled.slide-right img { transform: translate(-10px, 0);
transition: 5s;
} .blogItemWrap {
font-family: 'Mulish', sans-serif;
}
.blogListPageWrap.blogItemWrap {
margin-bottom: 15px;
}
.blogListPageWrap .blogItemInnerWrap {
border: 2px solid #FBCE17;
border-radius: 10px;
height: 100%;
transition: 0.5s;
padding: 15px;
}
.blogListPageWrap .blogItemInnerWrap:hover {
box-shadow: 0 0 20px #0000001a;
transition: 0.5s;
}
.blogListPageWrap .blogThumbnailWrap img {
height: 250px;
border-radius: 0;
box-shadow: none;
border-radius: 5px;
overflow: hidden;
border: 1px solid #ebebeb;
}
.blogPageCntntWrap a {
color: inherit;
text-decoration: none !important;
outline: none !important;
}
.blogPageCntntWrap .blogTitleWrap {
margin: 0 0 15px 0;
}
.blogListPageWrap .entry-title,
.blogPageCntntWrap .entry-title,
.blogPageCntntWrap .entry-title a {
font-size: 18px;
color: #000;
line-height: 25px;
font-weight: 700;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.blogListPageWrap .blogPageCntntWrap p {
margin: 0 0 10px 0;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
font-size: 16px;
color: #1e1e1e;
font-size: 16px;
font-weight: 300;
}
.blogPageCntntWrap .blogPostDateAndAuthor {
font-size: 15px;
margin: 15px 0 0 0;
color: #7a7a7a;
}
.blogPageCntntWrap .blogPostDateAndAuthor a {
color: #000;
}
.blogDetailsPageWrap {
padding: 60px 0;
font-family: 'Mulish', sans-serif;
}
.blogDetailsPageWrap .blog-title {
font-size: 35px;
font-weight: 800;
color: #000;
line-height: 42px;
}
.blogDetailsPageWrap p {
font-size: 18px;
font-weight: 300;
}
.blogDetailsPageWrap .blogThumbnailWrap img {
height: auto;
box-shadow: none;
}
.blogPostDateAndAuthor p {
color: #7a7a7a;
font-size: 16px;
}
.blogPostDateAndAuthor a {
font-weight: 600;
}
.blogPostDateAndAuthor .posted-on {
margin: 0 0 8px 0;
}
.latestBlogSection .latestPostItemWrap img {
height: 250px;
object-fit: cover;
}
.blogListPageWrap .blogThumbnailWrap {
margin: 0 0 15px 0;
}
.bigWidthBtn a {
padding: 8px 40px !important;
}  @media (min-width: 576px) and (max-width: 1199px) {
.blogPageMainWrap .container {
max-width: 95% !important;
}
}
@media (min-width: 576px) {
.container,
.elementor-container {
max-width: 540px !important;
}
}
@media (min-width: 768px) {
.container,
.elementor-container {
max-width: 720px !important;
}
}
@media (min-width: 992px) {
.container,
.elementor-container {
max-width: 960px !important;
}
}
@media (min-width: 1200px) {
.container,
.elementor-container {
max-width: 1140px !important;
}
.blogDetailsPageWrap .container {
max-width: 900px !important;
}
}
@media (min-width: 1400px) {
.container,
.elementor-container {
max-width: 1200px !important;
}
.bnrCtntntWrap .banner-title h1 {
font-size: 55px !important;
line-height: 62px !important;
}
.bnrCtntntWrap .sub-text h4 {
font-size: 22px;
line-height: 34px;
}
.site-footer .newsletterFormCntntWrap input {
min-height: 50px;
padding: 12px 15px;
}
.site-footer .newsletterFormCntntWrap .newsletterFormSubmitBtnWrap input {
padding: 12px;
min-height: 50px;
width: 195px !important;
}
.site-footer .newsletterFormSubmitBtnWrap .wpcf7-spinner:after {
width: 22px;
height: 22px;
}
.site-footer .newsletterFormSubmitBtnWrap .wpcf7-spinner {
top: 18px;
right: 21px;
}
.footerSubscribeBotttomHdng {
margin: 15px 15px 0 0;
}
}
@media (min-width: 1600px) {
.container,
.elementor-container {
max-width: 1400px !important;
}
.blogDetailsPageWrap .container {
max-width: 1100px !important;
}
.bnrCtntntWrap .banner-title h1 {
font-size: 60px !important;
line-height: 70px !important;
}
.bnrCtntntWrap .sub-text h4 {
font-size: 24px;
line-height: 35px;
}
.bnrCtntntWrap .sub-text p {
font-size: 23px !important;
}
.navbar-section .site-branding .custom-logo {
width: 15rem;
}
.navbar-section .navbar-nav li,
.navbar-section .navbar-nav li a,
.switcher .selected a,
.switcher .option a {
font-size: 18px;
}
.switcher .option {
width: 160px;
}
.switcher a img {
margin: -3px 5px 0 0;
}
.laguageSwitchBtn .nav-link span::after {
top: 1px;
height: 20px;
width: 20px;
margin-left: -25px;
}
.buyerSellerCntntHdng {
font-size: 25px;
}
.buyerSellerCntntPara {
font-size: 18px;
}
.sctnCommonHeading h4 {
font-size: 35px !important;
line-height: 52px !important;
}
.sctnCmnSubHeading p {
font-size: 18px !important;
line-height: 25px !important;
}
.aboutImportantTxtSctn .sctnCmnSubHeading p,
.customerCentricitySctnBtmCntnt p {
font-size: 20px !important;
line-height: 30px !important;
}
.aboutUsImg img {
width: 76%;
top: -16px;
left: 28px;
}
.serviceSctnMainWrap .sctnCmnSubHeading p {
font-size: 20px !important;
line-height: 38px !important;
}
.checkIconListWrap ul li span {
font-size: 18px !important;
line-height: 25px !important;
}
.blogPostBoxWrap .slick-slide .wppsac-post-title a {
font-size: 22px;
line-height: 29px;
}
.blogPostBoxWrap .slick-slide .wppsac-post-content,
.blogPostBoxWrap .slick-slide .wppsac-post-date,
.blogPostBoxWrap .slick-slide .wppsac-readmorebtn {
font-size: 18px !important;
line-height: 1.5;
}
.site-footer .footer-list h3 {
font-size: 20px;
}
.site-footer .textwidget a {
font-size: 18px;
}
.site-footer .subscribe-bottom p {
font-size: 20px;
}
.site-footer .search-input {
font-size: 16px;
padding: 15px 15px;
min-width: 325px;
}
.site-footer .cmnHtmlYellowBtnBorder,
.site-footer .cmnHtmlYellowBtn {
font-size: 18px;
padding: 11.5px 20px;
}
.site-footer .footerCopyrightSctn span {
font-size: 18px;
}
.newsletterFormCntntWrap input,
.newsletterFormSubmitBtnWrap input {
font-size: 20px;
}
.newsletterSctnMainWrap .sctnCommonHeading h4 {
font-size: 55px !important;
line-height: 70px !important;
}
.newsletterSctnMainWrap .sctnCmnSubHeading p {
font-size: 25px !important;
line-height: 33px !important;
margin: 8px 0 0 0;
}
.newsletterSctnMainWrap .subscribeFormBottomText p {
font-size: 20px !important;
line-height: 26px !important;
}
.clientDetails h3 {
font-size: 25px;
line-height: 33px;
}
.clientDetails p {
font-size: 20px;
}
.clientReviewDetails p {
font-size: 18px;
}
.clientReviewTopHeader .clientImg {
width: 70px !important;
height: 70px;
min-width: 70px;
}
.clientReviewCntntWrap .quotesImg {
width: 40px !important;
height: 40px !important;
}
.clientReviewCntntWrap {
width: 84%;
margin-left: auto;
}
.aboutImportantTxtSctn .sctnCmnSubHeading h3,
.customerCentricitySctnBtmCntnt h3 {
font-size: 30px !important;
}
.aboutImportantTxtSctn .firstP::first-letter {
font-size: 70px;
}
.smallSctnTiltleTopHdng p {
font-size: 16px;
}
.ourTeamCntntWrap h3 {
font-size: 40px;
}
.ourTeamCntntWrap p {
font-size: 20px;
}
.ourTeamCntntWrap img {
width: 130px !important;
height: 130px !important;
min-width: 130px;
}
.ourTeamCntntWrap {
padding: 90px 25px;
}
.ourTeamMainWrap .owl-prev,
.ourTeamMainWrap .owl-next {
height: 60px;
width: 60px;
font-size: 35px;
}
.counterBoxWrap .elementor-counter-number,
.counterBoxWrap .elementor-counter-number-suffix,
.counterBoxWrap h3 {
font-size: 55px !important;
line-height: 70px !important;
}
.counterBoxWrap .elementor-counter-title,
.counterBoxWrap p {
font-size: 20px !important;
line-height: 30px !important;
}
.funderDeskCntntSctn .sctnCmnSubHeading p {
font-size: 20px !important;
line-height: 32px !important;
}
.funderDeskCntntSctn .sctnCmnSubHeading span {
font-size: 25px;
}
.aboutClientReviewMainWrap .clientReviewDetails p,
.aboutClientReviewMainWrap .clientDetails h3 {
font-size: 18px;
}
.aboutClientReviewMainWrap .clientReviewCntntWrap {
width: 78%;
padding: 45px;
}
.aboutClientReviewMainWrap .owl-prev {
left: 30px;
position: absolute;
}
.aboutClientReviewMainWrap .owl-next {
right: 30px;
}
.videoModalWraper .modal-body iframe {
height: 650px;
}
.videoModalWraper .modal-body .embed-responsive {
height: 650px;
}
.latestPdfCntntWrap h3 {
font-size: 22px;
min-height: 80px;
}
.blogListPageWrap .blogItemInnerWrap {
padding: 20px;
}
.blogListPageWrap .blogThumbnailWrap img {
height: 300px;
}
.blogListPageWrap .entry-title,
.blogListPageWrap .entry-title a {
font-size: 22px;
line-height: 30px;
}
.blogTitleWrap h1 {
font-size: 30px;
}
.blogListPageWrap .blogPageCntntWrap p {
font-size: 20px;
}
.blogListPageWrap .blogPageCntntWrap .blogPostDateAndAuthor {
font-size: 18px;
}
.nextPrevPostBoxes p span {
font-size: 16px;
}
.nextPrevPostBoxes p a {
line-height: 28px;
font-size: 22px;
}
.nextPrevPostBoxes .readMoreBtn {
font-size: 16px;
}
.nextPrevPostBoxes img {
width: 160px;
min-width: 160px;
height: 138px;
}
.pricingOptionBoxMain .pricingTags {
width: 105px;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice {
left: 15px;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice h4 {
font-size: 22px;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice p {
font-size: 14px;
}
.pricingOptionBoxMain .pricingOptionBoxContent {
min-height: 490px;
}
.pricingOptionBoxGridCol:nth-child(2) .pricingOptionBoxContent {
min-height: 530px;
}
.pricingOptionDetailsList {
padding: 0 0 120px 0;
}
.pricingOptionBoxMain .pricingOptionHeader h3 {
font-size: 20px;
}
.pricingOptionBoxMain .pricingOptionHeader p {
font-size: 18px;
}
.pricingOptionDetailsList li {
font-size: 17px;
}
.borderIconButton a {
font-size: 18px;
}
.pricingOptionBxBottomCntnt h3 {
font-size: 16px !important;
}
.quesAnsAccordianWraper .elementor-tab-content,
.quesAnsAccordianWraper .elementor-tab-content p,
.quesAnsAccordianWraper .elementor-tab-title a {
font-size: 18px;
line-height: 30px;
}
.blogDetailsPageWrap .blog-title {
font-size: 45px;
line-height: 55px;
}
.blogDetailsPageWrap p,
.blogDetailsPageWrap .blogPostDateAndAuthor p {
font-size: 22px;
}
}
@media screen and (min-width: 1800px) {
.container,
.elementor-container {
max-width: 1645px !important
}
.blogDetailsPageWrap .container {
max-width: 1200px !important;
}
.main-banner {
min-height: calc(100vh - 125px);
}
.bnrCtntntWrap .banner-title h1 {
font-size: 62px !important;
line-height: 75px !important;
margin-bottom: 30px;
}
.bnrCtntntWrap .sub-text h4 {
font-size: 28px;
line-height: 42px;
}
.bnrCtntntWrap .sub-text p {
font-size: 28px !important;
}
.navbar-section .navbar-nav .demo-btn a {
font-size: 22px !important;
padding: 10px 20px !important;
}
.cmnYellowBtn a,
.cmnYellowBtn button,
.cmnHtmlYellowBtn,
.cmnHtmlYellowBtnBorder {
font-size: 22px !important;
padding: 15px 50px !important;
}
.bigWidthBtn a {
font-size: 22px !important;
padding: 15px 50px !important;
}
.play-btn {
font-size: 20px;
}
.navbar-section .navbar-nav li {
margin-left: 15px;
}
.navbar-section .navbar-nav li,
.navbar-section .navbar-nav li a,
.switcher .selected a,
.switcher .option a {
font-size: 20px;
}
.buyerSellerCntntHdng {
font-size: 30px;
}
.buyerSellerCntntPara {
font-size: 22px;
}
.smallSctnTiltleTopHdng p {
font-size: 18px;
}
.sctnCommonHeading h4 {
font-size: 39px !important;
line-height: 1.44 !important;
}
.sctnCmnSubHeading p {
font-size: 25px !important;
line-height: 40px !important;
}
.serviceSctnMainWrap .sctnCmnSubHeading p {
font-size: 22px !important;
line-height: 31px !important;
}
.checkIconListWrap ul li span {
font-size: 20px !important;
line-height: 28px !important;
}
.buyerSellerSCtnBorderBg {
top: 47%;
}
.blogPostBoxWrap .slick-slide .wppsac-post-title a {
font-size: 25px;
line-height: 33px;
}
.blogPostBoxWrap .slick-slide .wppsac-post-title a {
font-size: 25px;
line-height: 34px;
}
.aboutImportantTxtSctn .sctnCmnSubHeading p,
.customerCentricitySctnBtmCntnt p {
font-size: 25px !important;
line-height: 42px !important;
}
.aboutImportantTxtSctn .firstP::first-letter {
font-size: 80px;
}
.ourTeamCntntWrap h3 {
font-size: 48px;
margin: 30px 0 10px 0;
}
.ourTeamCntntWrap p {
font-size: 25px;
}
.ourTeamCntntWrap img {
width: 160px !important;
height: 160px !important;
min-width: 160px;
}
.ourTeamCntntWrap {
padding: 90px 25px;
}
.counterBoxWrap h3,
.counterBoxWrap .elementor-counter-number,
.counterBoxWrap .elementor-counter-number-suffix {
font-size: 70px !important;
line-height: 80px !important;
}
.funderDeskCntntSctn .sctnCmnSubHeading p,
.counterBoxWrap p,
.counterBoxWrap .elementor-counter-title {
font-size: 22px !important;
line-height: 35px !important;
}
.funderDeskCntntSctn .sctnCmnSubHeading span {
font-size: 30px;
}
.videoModalWraper .modal-body iframe {
height: 750px;
}
.videoModalWraper .modal-body .embed-responsive {
height: 750px;
}
.latestPdfCntntWrap .clientImg {
height: 475px;
}
.latestPdfCntntWrap h3 {
font-size: 25px;
min-height: 92px;
margin: 0 0 22px 0;
}
.latestPdfCntntWrap {
padding: 20px;
}
.blogPageMainWrap p {
font-size: 25px;
line-height: 38px;
}
.nextPrevPostBoxes p a {
line-height: 35px;
font-size: 25px;
}
.nextPrevPostBoxes p span {
font-size: 18px;
}
.nextPrevPostBoxes img {
width: 180px;
min-width: 180px;
height: 155px;
}
.nextPrevPostBoxes .readMoreBtn {
padding: 5px 15px;
font-size: 18px;
}
.blogThumbnailWrap img {
height: 350px;
}
.blogListPageWrap .blogPageCntntWrap p,
.blogPageMainWrap .blogPageCntntWrap p {
font-size: 22px;
line-height: 35px;
}
.blogListPageWrap .entry-title,
.blogPageCntntWrap .entry-title,
.blogPageCntntWrap .entry-title a {
font-size: 26px;
line-height: 38px;
}
.blogPageCntntWrap .blogPostDateAndAuthor {
font-size: 22px;
}
.pricingOptionBoxes {
width: 90%;
margin: 0 auto;
}
.pricingOptionBoxMain .pricingOptionHeader div {
width: calc(100% - 115px);
padding: 20px 0 20px 20px;
}
.pricingOptionBoxMain .pricingOptionContent {
padding: 22px 20px;
}
.pricingOptionBoxMain .pricingTags {
width: 118px;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice {
left: 16px;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice h4 {
font-size: 25px;
}
.pricingOptionBoxMain .pricingTags .pricingOptionBoxPrice p {
font-size: 16px;
}
.pricingOptionBoxMain .pricingOptionHeader h3 {
font-size: 25px;
}
.pricingOptionBoxMain .pricingOptionHeader p {
font-size: 22px;
}
.pricingOptionDetailsList li {
font-size: 20px;
}
.borderIconButton a {
font-size: 22px;
}
.pricingOptionBxBottomCntnt h3 {
font-size: 18px !important;
}
.quesAnsAccordianSctn .sctnCmnSubHeading p {
font-size: 22px !important;
line-height: 35px !important;
}
.quesAnsAccordianWraper .elementor-tab-content,
.quesAnsAccordianWraper .elementor-tab-content p,
.quesAnsAccordianWraper .elementor-tab-title a {
font-size: 22px;
line-height: 35px;
}
.quesAnsAccordianWraper .elementor-tab-title {
background-size: 25px;
padding-left: 50px !important;
}
.quesAnsAccordianWraper .elementor-tab-content {
padding-left: 50px !important;
}
.blogDetailsPageWrap .blog-title {
font-size: 50px;
line-height: 60px;
}
.blogDetailsPageWrap p,
.blogDetailsPageWrap .blogPostDateAndAuthor p {
font-size: 26px;
}
}
@media screen and (max-width: 1280px) {
.navbar-section .site-branding .custom-logo {
width: 130px;
}
.navbar-section .navbar-nav .demo-btn a font {
max-width: fit-content;
}
.navbar-section .navbar-nav li .nav-link font {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
max-width: 150px;
}
.navbar-section .navbar-nav li {
margin-left: 15px;
}
}
@media screen and (max-width: 1120px) {
.navbar-section .navbar-nav li .nav-link font {
max-width: 100px;
}
.navbar-section .navbar-nav .demo-btn a font {
max-width: fit-content;
}
}
@media screen and (max-width: 1199px) {
.navbar-section .site-branding .custom-logo {
width: 170px;
}
.navbar-section .navbar-nav li .nav-link {
padding-right: 10px;
padding-left: 0;
font-size: 15px;
}
.navbar-section .navbar-nav .demo-btn a {
padding-left: 10px !important;
}
.navbar-section .nav-item.focus .dropdown-menu {
display: block;
}
.main-banner {
min-height: auto;
padding: 110px 0px 110px 0px !important;
}
.site-footer .subscribe-bottom {
width: 100%;
}
.footerListWthFormWrap {
display: block;
padding: 10px 0 30px 0;
}
.footerListWthFormWrap .footer-list {
width: 100%;
}
.footerListWthFormWrap .subscribe-bottom {
padding-bottom: 0;
width: 100%;
margin: 32px 0 0 0;
margin-top: 30px !important;
}
}
@media screen and (max-width: 991px) {
.navbarRightListWraper .navbar-nav {
align-items: flex-start;
}
.navbar-section .navbar-nav {
margin-left: 0 !important;
margin-right: 0 !important;
}
.navbar-section .navbar-nav li {
margin-left: 0;
}
.navbar-section .navbar-nav .demo-btn {
padding-left: 0;
}
.navbar-section .navbar-nav .demo-btn a font {
max-width: initial;
}
.navbar-section .navbar-nav li .nav-link font {
-webkit-line-clamp: 2;
max-width: initial;
}
.navbar-section .navbar-nav .laguageSwitchBtn {
margin-left: 20px;
}
.stickyNav .navbar-section .navbar-collapse {
top: 70px;
border-top: 1px solid #f3f3f3;
}
.navbar-section .navbar-collapse {
position: absolute;
top: 98px;
left: 0;
right: 0;
background: #fff;
z-index: 1;
padding: 25px;
box-shadow: 0 18px 30px 0 rgb(0 0 0 / 12%);
}
.bnrCtntntWrap {
padding: 0 22% 0 0;
}
.bnrCtntntWrap .banner-title h1 {
font-size: 32px !important;
line-height: 45px !important;
margin-bottom: 18px;
}
.bnrCtntntWrap .sub-text h4 {
font-size: 18px;
line-height: 28px;
}
.main-banner {
padding: 65px 0px 65px 0 !important;
background-position: right bottom !important;
}
.buyerSellerCntntPara {
width: 100%;
}
.serviceRghtCntntWraper .elementor-widget-wrap {
width: 100%;
}
.newsletterFormSubmitBtnWrap input {
font-size: 15px;
padding: 13px 12px;
}
.site-footer .container {
max-width: 95%;
}
.aboutImportantTxtSctn .elementor-container {
width: 90%;
}
.customerCentricityImgSctn img {
width: 100%;
}
.customerCentricityListCntntBox {
margin-right: 15px;
width: 45% !important;
}
.ourTeamCntntWrap {
width: 81%;
min-width: 210px;
padding: 40px 18px;
}
.ourTeamCntntWrap h3 {
font-size: 20px;
}
.customerCentricitySctnBtmCntnt h3 {
font-size: 16px !important;
line-height: 22px;
}
.customerCentricitySctnBtmCntnt p {
font-size: 15px;
}
.aboutClientReviewMainWrap .clientReviewCntntWrap {
width: 92%;
padding: 20px;
border: solid 1px #dcdcdc;
margin: 15px auto;
}
.aboutClientReviewMainWrap .clientReviewTopHeader .clientImg {
width: 40px !important;
height: 40px;
min-width: 40px;
}
.clientReviewCntntWrap {
width: 95%
}
.newsletterSctnMainWrap .owl-dots {
width: 100%;
}
.resourcesPgBanner {
background-position: 115px 0 !important;
}
.footerSubscribeBotttomHdng {
margin: 0 0 20px 0;
}
.buyerSellerSCtnBorderBg {
top: 53%;
}
.pricingOptionBoxGridRow {
align-items: flex-start;
justify-content: center;
}
.pricingOptionDetailsList {
padding: 0;
}
.pricingOptionBoxes {
margin: 0 0 25px 0;
}
.pricingOptionBoxMain .pricingOptionBoxContent {
min-height: auto;
}
.pricingOptionBoxGridCol:nth-child(2) .pricingOptionBoxContent {
min-height: auto;
}
.pricingOptionBxBottomCntnt {
position: unset;
}
.quesAnsAccordianSctn .quesAnsAccordianCntntSctn {
padding: 20px;
}
.elementor-element-2187212 {
padding: 40px 0px 60px 0px !important;
}
.counterBoxWrap h3,
.counterBoxWrap .elementor-counter-number,
.counterBoxWrap .elementor-counter-number-suffix {
font-size: 30px !important;
margin: 0 0 10px 0;
}
.counterBoxWrap p,
.counterBoxWrap .elementor-counter-title {
font-size: 15px !important;
line-height: 22px;
}
.newsletterSctnCntntWrap {
width: 100% !important;
margin: 0 auto;
}
.blogListPageWrap .blogThumbnailWrap img {
height: 200px;
}
}
@media screen and (max-width: 767px) {
.bnrCtntntWrap .elementor-container {
width: 100%;
}
.bnrCtntntWrap .banner-title h1 {
font-size: 28px !important;
line-height: 40px !important;
}
.bnrCtntntWrap .sub-text p {
font-size: 15px;
}
.buyerSellerImgSctn img {
width: 40%;
min-height: auto;
}
.buyerSellerCntntHdng {
font-size: 25px;
}
.buyerSelllerBoxesCntr {
margin: 25px 0;
}
.buyerSellerCntntPara {
font-size: 16px !important;
}
.aboutUsSctn .elementor-container {
flex-direction: column-reverse;
}
.aboutUsImgSctn {
margin: 0 0 40px 0;
}
.aboutUsImg img {
width: 70%;
top: 0;
}
.trustedCompanyShortcodeWrap {
width: 95% !important;
}
.trustedCompanySlider .item img {
width: 85%;
}
.servicesSctnMainHdng {
padding: 80px 0px 30px 0px !important;
}
.serviceLftCntntWraper .elementor-widget-wrap,
.serviceRghtCntntWraper .elementor-widget-wrap {
width: 100%;
margin: 30px 0 0 0 !important;
}
.serviceSctnMainWrap .serviceCtntWraper {
order: 1;
width: 85%;
margin: 0 auto;
}
.servicesMainHdngSctn {
padding: 80px 0 30px 0 !important;
width: 85%;
margin: 0 auto;
}
.service-img-part .servicesImgTwo {
width: 44% !important;
}
.service-img-part .servicesImgOne img {
width: 60%;
}
.service-img-part-circle .servicesImgOne img {
width: 82% !important;
margin-top: 2%;
}
.service-img-part-circle .servicesImgTwo {
left: -105px;
right: 0;
margin: 0 auto;
width: 75% !important;
top: -34px;
}
.service-img-part-right .servicesImgOne,
.service-img-part-left .servicesImgOne {
text-align: center;
}
.serviceSctnMainWrap {
padding: 0 0 55px 0 !important;
}
.service-img-part-right .servicesImgTwo,
.service-img-part-left .servicesImgTwo {
margin: -135px auto 0 auto;
position: unset;
}
.clientReviewCntntWrap,
.newsletterSctnMainWrap .owl-dots {
width: 100%;
}
.newsletterFormCntntWrap {
justify-content: space-between;
margin: 20px 0 0 0;
}
.newsletterFormFieldWrap {
width: 75%;
}
.newsletterFormSubmitBtnWrap {
width: auto;
margin-left: 10px;
}
.newsletterFormSubmitBtnWrap input {
margin: 0;
}
.main-banner {
background-position: 35px 100% !important;
position: relative;
}
.main-banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff8a;
}
.site-footer .subscribe-bottom {
justify-content: center !important;
}
.site-footer .subscribe-bottom p {
margin: 0 0 15px 0 !important;
}
.site-footer .subscribe-bottom form {
width: 100%;
flex-wrap: nowrap;
}
.site-footer .search-input {
min-width: auto;
margin: 0 10px 0 0;
width: 100%;
}
.site-footer .footer-bottom-section {
padding: 40px 0 0px 0;
flex-direction: column-reverse;
align-items: center;
}
.site-footer .footerCopyrightSctn {
margin: 15px 0 0 0;
}
.footer-list-columns {
margin: 0 20px 0 0;
}
.site-footer .top-header {
flex-direction: column;
align-items: flex-start;
}
.footer-right-sec {
margin: 20px 0 0 0;
}
.aboutUsPgBanner {
background-position: top right !important;
background-size: 78% !important;
}
.counterBoxWrapCntr .counterWrapper {
border-top: 1px solid #dec82c;
border-bottom: 1px solid #dec82c;
border-left: none;
border-right: none;
padding: 25px 0;
margin: 10px 0;
}
.counterBoxWrap h3,
.counterBoxWrap .elementor-counter-number,
.counterBoxWrap .elementor-counter-number-suffix {
font-size: 40px !important;
margin: 0 0 10px 0;
}
.counterBoxWrap p,
.counterBoxWrap .elementor-counter-title {
font-size: 16px !important;
}
.funderDeskImgSctn img {
width: 72%;
margin: 0 0 25px 0;
}
.resourcesPgBanner {
background-position: 138px 0 !important;
}
.quesAnsAccordianSctn .quesAnsAccordianCntntSctn {
padding: 10px;
}
.blogListPageWrap .blogThumbnailWrap img {
height: 180px;
}
.newsletterSctnMainWrap {
padding: 50px 0 !important;
}
.servicesSctnMainHdng {
padding: 50px 0px 30px 0px !important;
}
}
@media screen and (max-width: 600px) {
#wpadminbar {
position: relative;
}
}
@media screen and (max-width: 575px) {
.container,
.elementor-container {
max-width: calc(100% - 20px) !important;
}
.navbar-section {
padding: 20px 15px;
}
.navbar-section .navbar-collapse {
top: 78px;
}
.stickyNav .navbar-section .navbar-collapse {
top: 65px;
}
.socialMediaLink {
width: 35px;
height: 35px;
font-size: 17px;
}
.socialMediaLink img {
max-height: 15px;
}
.site-footer .footerCopyrightSctn span {
font-size: 12px;
margin: 0 10px 0 0;
}
.newsletterSctnMainWrap .sctnCommonHeading h4 {
font-size: 30px !important;
line-height: 42px !important;
}
.main-banner {
padding: 50px 0px 50px 0 !important;
background-position: 0 100% !important;
background-size: 115%;
}
.serviceSctnMainWrap .serviceCtntWraper {
width: 100%;
}
.clientReviewCntntWrap {
padding: 25px 20px 15px 20px;
}
.clientDetails h3 {
font-size: 18px;
}
.clientDetails p {
font-size: 14px;
}
.clientReviewTopHeader .clientImg {
width: 45px !important;
height: 45px;
min-width: 45px;
}
.clientReviewCntntWrap .quotesImg {
width: 20px !important;
height: 20px !important;
}
.service-img-part .servicesImgOne img {
width: 80%;
}
.service-img-part .servicesImgTwo {
width: 65% !important;
}
.service-img-part-circle .servicesImgTwo {
width: 82% !important;
}
.serviceLftCntntWraper .elementor-widget-wrap,
.serviceRghtCntntWraper .elementor-widget-wrap {
margin: 15px 0 0 0 !important;
}
.aboutImportantTxtSctn .elementor-widget-container {
width: 100%;
}
.customerCentricityListCntntBox {
margin-right: 0;
width: 100% !important;
}
.videoModalWraper .modal-dialog {
max-width: 94%;
margin: 0 auto;
}
.resourcesPgBanner {
background-position: -5px 0 !important;
background-size: 135% !important;
}
.privacyPolicyPgMain {
padding: 35px 0;
}
.privacyPolicyPgMain h1 {
margin: 0 0 20px 0;
font-size: 22px;
}
.privacyPolicyPgMain h3 {
font-size: 20px;
}
.privacyPolicyPgMain .listBoxUl {
margin: 15px 0 15px 10px;
}
.privacyPolicyPgMain .listBoxUl li p {
margin: 0 0 15px 0;
}
.privacyPolicyPgMain h4 {
font-size: 18px;
}
.privacyPolicyPgMain .listBoxMain p {
font-size: 15px;
line-height: 22px;
}
.navbar-section .site-branding .custom-logo {
width: 12rem;
}
.navbar-section .navbar-toggler {
padding: 2px 5px;
}
.blogListPageWrap .blogThumbnailWrap img {
height: 250px;
}
}
@media screen and (max-width: 450px) {
.navbar-section .site-branding .custom-logo {
width: 10rem;
}
.site-footer .subscribe-bottom form {
flex-wrap: wrap;
}
.newsletterFormCntntWrap {
margin: 10px 0 0 0;
flex-direction: column;
}
.newsletterFormFieldWrap {
width: 100%;
}
.newsletterFormSubmitBtnWrap {
width: 60%;
margin: 15px 0 0 0;
}
.newsletterFormSubmitBtnWrap input {
margin: 0;
min-height: auto;
}
.bnrCtntntWrap {
padding: 0 5% 0 0;
}
.main-banner {
background-position: -132px 100% !important;
background-size: 150% !important;
}
.aboutUsPgBanner {
background-image: none !important;
}
.bnrBtnsWraper:last-child {
width: 100% !important;
margin: 20px 0 0 0;
}
.buyerSellerImgSctn img {
width: 72%;
}
.service-img-part .servicesImgOne img {
width: 90%;
}
.service-img-part-right .servicesImgTwo,
.service-img-part-left .servicesImgTwo {
margin: -79px auto 0 auto;
width: 70% !important;
}
.resourcesPgBanner {
background-size: 175% !important;
background-position: -92px 0 !important;
}
.site-footer .subscribe-bottom .newsletterFormFieldWrap {
width: 100%;
}
.pricingOptionBoxGridCol {
padding: 0;
}
.pricingOptionBxBottomCntnt .borderIconButton a .borderButtonTitle {
min-width: 85%;
}
.pricingOptionBxBottomCntnt {
width: 100%;
}
.pricingOptionBoxContent .borderIconButton a {
width: 100%;
font-size: 14px;
}
.newsletterSctnMainWrap .sctnCommonHeading h4 {
text-align: left;
}
.newsletterSctnMainWrap .sctnCmnSubHeading p {
text-align: left;
}
.blogListPageWrap .blogThumbnailWrap img {
height: 180px;
}
} @keyframes h-floating-rtl {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(-10px, 0);
}
100% {
transform: translate(0, 0);
}
}
@keyframes h-floating-ltr {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(10px, 0);
}
100% {
transform: translate(0, 0);
}
}
@keyframes service-circle-img-animate {
0% {
left: 0;
}
50% {
left: 25px;
}
100% {
left: 0;
}
}