.smart-svg svg { opacity: 0; } .smart-animation-view .smart-svg svg { opacity: 1; } .smart-svg svg g.fill path, .smart-svg svg g.fill rect { opacity: 0; } .smart-animation-view .smart-svg svg g.fill path, .smart-animation-view .smart-svg svg g.fill rect { opacity: 1; -webkit-transition: opacity 0.35s ease-in 1s; transition: opacity 0.35s ease-in 1s; } .smart-svg svg g.stroke rect { stroke-linecap: square; } .smart-svg svg g.stroke path, .smart-svg svg g.stroke rect { fill: none; } .smart-animation-view .smart-svg svg g.stroke path, .smart-animation-view .smart-svg svg g.stroke rect { stroke-dashoffset: 0 !important; -webkit-transition: stroke-dashoffset 1.35s; transition: stroke-dashoffset 1.35s; } .animation--hidden-bar { position: relative; overflow: hidden; } .smart-animation-view .animation--reval-bar--form-left { -webkit-transform: translateX(100%); transform: translateX(100%); } .smart-animation-view .animation--reval-bar--form-right { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .animation--reval-bar { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; -webkit-transition: -webkit-transform 1.35s; transition: -webkit-transform 1.35s; transition: transform 1.35s; transition: transform 1.35s, -webkit-transform 1.35s; z-index: 10; } .animation--fade { opacity: 0; -webkit-transition: opacity 1.35s; transition: opacity 1.35s; } .smart-animation-view .animation--fade { opacity: 1; } .animation--from-left-fade {visibility: hidden; -webkit-transform: translateX(-1.42857rem); transform: translateX(-1.42857rem); position: relative; -webkit-transition: opacity 1.35s, -webkit-transform 1.35s; transition: opacity 1.35s, -webkit-transform 1.35s; transition: transform 1.35s, opacity 1.35s; transition: transform 1.35s, opacity 1.35s, -webkit-transform 1.35s; opacity: 0; } .smart-animation-view .animation--from-left-fade { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .smart-animation-view .animation--from-right-fade { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .animation--from-right-fade { -webkit-transform: translateX(1.42857rem); transform: translateX(1.42857rem); position: relative; -webkit-transition: opacity 1.35s, -webkit-transform 1.35s; transition: opacity 1.35s, -webkit-transform 1.35s; transition: transform 1.35s, opacity 1.35s; transition: transform 1.35s, opacity 1.35s, -webkit-transform 1.35s; opacity: 0; } .animation--from-top-fade { visibility: hidden; -webkit-transform: translateY(-1.42857rem); transform: translateY(-1.42857rem); position: relative; -webkit-transition: opacity 1.35s, -webkit-transform 1.35s; transition: opacity 1.35s, -webkit-transform 1.35s; transition: transform 1.35s, opacity 1.35s; transition: transform 1.35s, opacity 1.35s, -webkit-transform 1.35s; opacity: 0; } .smart-animation-view .animation--from-top-fade, .smart-animation-view.animation--from-top-fade {visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .animation--from-bottom-fade { -webkit-transform: translateY(1.42857rem); transform: translateY(1.42857rem); position: relative; -webkit-transition: opacity 1.35s, -webkit-transform 1.35s; transition: opacity 1.35s, -webkit-transform 1.35s; transition: transform 1.35s, opacity 1.35s; transition: transform 1.35s, opacity 1.35s, -webkit-transform 1.35s; opacity: 0; visibility: hidden;} .smart-animation-view .animation--from-bottom-fade, .smart-animation-view.animation--from-bottom-fade { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .animation-smooth-out { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s cubic-bezier(0.694, 0, 0.335, 1), transform 0.7s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: opacity 0.7s cubic-bezier(0.694, 0, 0.335, 1), transform 0.7s cubic-bezier(0.694, 0, 0.335, 1); -webkit-transition: opacity 0.7s cubic-bezier(0.694, 0, 0.335, 1), -webkit-transform 0.7s cubic-bezier(0.694, 0, 0.335, 1); transition: opacity 0.7s cubic-bezier(0.694, 0, 0.335, 1), -webkit-transform 0.7s cubic-bezier(0.694, 0, 0.335, 1); transition: opacity 0.7s cubic-bezier(0.694, 0, 0.335, 1), transform 0.7s cubic-bezier(0.694, 0, 0.335, 1); transition: opacity 0.7s cubic-bezier(0.694, 0, 0.335, 1), transform 0.7s cubic-bezier(0.694, 0, 0.335, 1), -webkit-transform 0.7s cubic-bezier(0.694, 0, 0.335, 1); } .smart-animation-view .animation-smooth-out, .smart-animation-view.animation-smooth-out { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } figure.animation--fade img { width: 100%; height: 100%; font-family: "object-fit: cover;"; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .smart-animation-view .animation--from-0-to-100, .smart-animation-view.animation--from-0-to-100 { width: 100%; } .animation--from-0-to-100 { width: 0; -webkit-transition: width 1.35s; transition: width 1.35s; } .figure-animation-image { opacity: 0; -webkit-transition: opacity 1s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: opacity 1s cubic-bezier(0.694, 0, 0.335, 1); transition: opacity 1s cubic-bezier(0.694, 0, 0.335, 1); } .smart-animation-view .figure-animation-image { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .smart-animation-view .bg-color-fill { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .bg-color-main:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); } .smart-animation-view .bg-color-main.bg-color-left:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .smart-animation-view .bg-color-main.bg-color-right:after { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .smart-animation-view:nth-child(even) .bg-image-main:after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .smart-animation-view:nth-child(odd) .bg-image-main:after { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .bg-image-fill { position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transition: -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1); } .smart-animation-view .bg-image-fill { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hero_container_text_space h2{transform: translateY(-1.42857rem); transition: transform 1.35s,opacity 1.35s,-webkit-transform 1.35s;} .smart-animation-view.hero_container_text_space h2{transform: translateY(0);} .smart-animation-view .testimonial-main:before { right: 0; transform: translateX(0); -webkit-transform: translateX(0); -webkit-transition: opacity 1.35s, -webkit-transform 1.35s; transition: opacity 1.35s, -webkit-transform 1.35s; transition: transform 1.35s, opacity 1.35s; transition: transform 1.35s, opacity 1.35s, -webkit-transform 1.35s; } .testimonial-main:before { position: absolute; right: 100%; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; background-color: #1d252c; content: ""; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block;padding:50px 0}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}