/****************************************************************************************** + Global Settings *******************************************************************************************/ @import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); @import url('https://fonts.googleapis.com/css?family=Roboto:100,300'); @import url('https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield'); body {color: #555; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 300; text-rendering: optimizeLegibility;} h1,h2,h3,h4,h5 {color: #90107d; font-family: 'Raleway', sans-serif; margin:0 0 20px; letter-spacing:.025em; line-height:1.325; font-weight: 300; position: relative;} h1, .h1{font-size:2em;} h2, .h2{font-size:1.65em; font-weight: 500;} h3, .h3{font-size:1.3em; font-weight: 500;} h4{font-size:1.0em; font-weight: 400;} h5{font-size:1.0em; font-weight: 400;} p, ul, ol, pre, table, blockquote { margin-top: 0em; margin-bottom: 1.44444444em; line-height: 1.6; font-weight: 300;} ul ul, ol ol, ul ol, ol ul { margin-top: 0em; margin-bottom: 0em; } b, strong, em, small, code, modal { line-height: 1; } b, strong, .table>tbody>tr>th {font-weight: 700; color: #444} a, a:active {color: #921d80; text-decoration: none; transition: 100ms linear;} a:hover, a:focus {color: #555; text-decoration: none; outline: none;} .container {width: 100%; max-width: 1170px;} .ico {background-size: cover; background-repeat: no-repeat; display: inline-block; vertical-align: bottom;} ::-moz-selection { background-color:#921d80; color:#fff} ::selection { background-color: #921d80; color: #fff} /****************************************************************************************** + Header *******************************************************************************************/ .navbar-brand img {max-width: 75px;} #mainNav .dropdown-menu {box-shadow: none; border-radius: 0; background-color: transparent; border:none; padding-left: 0.5em; font-size: 0.85em; white-space: nowrap;} #mainNav .dropdown-menu li {position: relative; transition: 150ms linear;} #mainNav .dropdown-menu li a {color: inherit; font-weight: 300;} #mainNav .dropdown-menu li a:hover {background-color: transparent; text-decoration: none; color: inherit;} #mainNav .dropdown-menu li a.active {background-color: transparent;} nav {background-color: #fff;} #mainNav .nav-item {position: relative;} #mainNav .nav-item a {color: inherit;} #mainNav .active>a.nav-link {color: #a45ea7;} .btn-mobile-menu { display:none; width: 40px; height: 30px; position: absolute; right: 5vw; top: 12px; z-index: 1} .spinner-master2 * {transition:all 0.3s;-webkit-transition:all 0.3s;box-sizing:border-box;} .spinner-master2 {position:relative;margin:0 auto;height:30px;width:40px;} .spinner-master2 label {position:absolute;z-index:99;height:100%;width:100%;top:50%;left:0; right: 0; margin:auto; transform:translateY(-50%);} .spinner-master2 .spinner2 {position:absolute;height:5px;width:100%;background-color:#921d80;} .spinner-master2 .diagonal.part-1 {position:relative;float:left;} .spinner-master2 .horizontal {position:relative;float:left;margin-top:7px;} .spinner-master2 .diagonal.part-2 {position:relative;float:left;margin-top:6px;} .spinner-master2.open .spinner-spin2 > .horizontal {opacity: 0;} .spinner-master2.open .spinner-spin2 > .diagonal.part-1 {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px;} .spinner-master2.open .spinner-spin2 > .diagonal.part-2 {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-16px;} .navbar-expand-lg .navbar-nav .nav-link {font-weight: 300;} /****************************************************************************************** + General & Home *******************************************************************************************/ .noPdBtm {padding-bottom: 0 !important;} .noPd {padding-top: 0; padding-bottom: 0;} .visible-xs {display: none;} section{padding-top: 40px; padding-bottom: 40px; position: relative;} section.page-hero {background-repeat: no-repeat; background-size: cover; background-position: center; padding:0;} section h1, section .h1 {font-weight: 200;} section img {max-width: 100%} section .section-header {display: block; margin-bottom: 40px;} section .section-body {display: block;} section .section-header.intro {margin-bottom: 0} section.section-sub-menu .section-header {margin-bottom: 0} .btn-site {background-color: #921d80; border-radius: 25px; color: #fff; padding:8px 25px; position: relative; overflow: hidden; border:1px solid #921d80;} .btn-site:hover, .btn-site:focus, .btn-site.outline:hover,.btn-site.outline:focus {color: #fff; background-color: #921d80; outline: none; box-shadow: 0 10px 15px rgba(153,51,153,0.3); border-color: #731765;} .btn-site.outline {background-color: transparent; color: #921d80; border-color: #921d80} .btn-site:before {-webkit-transition: 0.5s all ease; transition: 0.5s all ease; position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ""; background-color: #b245b2; z-index: -2;} .btn-site:hover:before {-webkit-transition: 0.5s all ease; transition: 0.5s all ease; left: 0; right: 0; opacity: 1;} .btn-site:focus:before {transition: 0.5s all ease; left: 0; right: 0; opacity: 1;} .section-header h2 {margin-bottom: 10px;} .section-header .h1, .section-body .h1, .d-flex .h1 {margin-bottom: 20px; color: #921d80} .bg-grey {background-color: #f6f6f6;} .bg-purple-light {background-color: #fff9fe;} .text-main {color: #921d80} .text-red {color: red} .bg-purple {background-color: #921d80} .bg-purple > *, .bg-purple h3, .bg-purple .h1 {color: #fff !important} .btn-site.reverse {background-color: #fff; color: #921d80; box-shadow: 0 3px 60px rgba(0,0,0,.2)} .btn-site.reverse:hover {background-color: #731765; color: #fff;} /****************************************************************************************** + Main *******************************************************************************************/ .has-bgImg {background-size: cover; background-position: center; background-repeat: no-repeat;} .fullheight {height: 100vh; min-height: 100%;} #index-intro {background-image: url(../images/bg-index-intro.jpg);} #index-intro .caption {max-width: 700px;} #how-we-can-help .caption {max-width: 780px;} #service-menu {overflow: hidden; margin-top: 40px;} #service-menu a {color: #666; border:none; text-align: left; font-size: 1em; font-weight: 300; letter-spacing: -0.4px; transition: 150ms ease-in-out; line-height: 1.3; background-color: transparent; padding: 0 0 0 30px; margin:0 10% 25px 0;} #service-menu a.active {background-color: transparent; color: #921d80; font-weight: 400; } #service-menu a:before {transition: 100ms linear; background-color: #ddd; width: 10px; height: 2px; content: ''; left: 0; top: 50%; transform: translateY(-50%); position: absolute; z-index: -1} #service-menu a.active:before {-webkit-animation: slideInLeft 0.3s ease-out both; animation: slideInLeft 0.3s ease-out both; background-color: #921d80} .main-services .content-wrapper .caption {padding-right: 10%; padding-left: 5%} .main-services .content-wrapper .numbering {font-size: 3.6em; font-weight: 200; line-height: 1.4; margin-bottom: 25px; color: #921d80; padding-top: 55px; position: relative; display: inline-block;} #featured-works .card-item {position: relative; margin-bottom: 2em; vertical-align: top; display: block;} #featured-works .card-item .card-caption {position: absolute; text-align: center; top: 60%; right: 0; left: 0; margin:auto; transform: translateY(-50%); transition: 150ms linear;} #featured-works .card-item .card-img {border:1px solid transparent; position: relative; transition: 150ms linear; border-radius: 0;} #featured-works .card-item .card-img img {transition: 150ms linear;} #featured-works .col-sm-6 {position: relative;} #featured-works .sticky-column { padding-top: 30px; } #why-chose-24k .col-left {position: relative; width: 500px; height: 350px; overflow: hidden;} #why-chose-24k .col-left img {position: relative; z-index: 1; max-width: 100%} #why-chose-24k .col-left #polygon {position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%} #why-chose-24k .col-right span {font-weight: 500; font-size: 1.15rem} #why-chose-24k .col-right span.counter {color: #921d80; font-size: 3rem; font-family: 'Raleway', sans-serif; font-weight: 200; position: relative;} #why-chose-24k .col-right span.counter:after {position: absolute; color: inherit; content: '+'; font-size: 1.5rem; right: -20px; top: 50%; transform: translateY(-50%); line-height: 3.6rem;} #reasons-to-chose-us {padding-bottom: 40px; padding-top: 80px;} #reasons-to-chose-us .outer-ring {position: relative; z-index: 5} #reasons-to-chose-us .tab-content, #reasons-to-chose-us .nav-pills {max-width: 85%; margin-left: auto; margin-right: auto; flex-wrap: initial;} #reasons-to-chose-us .nav-pills {text-align: center;} #reasons-to-chose-us:before {content: ''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 15%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 15%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 15%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position: absolute; bottom: -40px;left: 0; right: 0; margin:auto; height: 50vh; z-index: 2} #reasons-to-chose-us:after {content: ''; border: 2px solid #921d80; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 2em;} #reasons-to-chose-us .nav-pills .nav-link {text-align: left; padding:15px; background-color: #f7f7f7; color: #555; font-weight: 400; line-height: 1.3; border-radius: 0; transition: 200ms linear;} #reasons-to-chose-us .nav-pills .nav-link.active {background-color: #921d80; color: #fff;} #reasons-to-chose-us .nav-pills .nav-link span {display:block; white-space: initial} .list-testimonials {margin-top: 2.5rem} .list-testimonials .signature {font-family: 'Mrs Saint Delafield', cursive; font-size: 2.4rem} .list-testimonials .card-item {flex:0 0 50%; padding: 0 2rem 2rem;} .list-testimonials .card-item .card-header {background-color: transparent; border: none;} .list-testimonials .card-item .card-header img {max-width:150px; max-height: 80px;} .list-testimonials .card-item .card-body {padding:2rem 5rem; position: relative; margin-top: 1.5rem; background-color: #f1f1f1;} .list-testimonials .card-item .card-body .divider {background-color: #ccc; width: 60%; height: 1px; margin:0 auto 1.44em;} .list-testimonials .card-item .card-body:before {content: ''; width: 60%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; right: 0; margin:auto;} .list-testimonials .card-item .card-body:after {content: '"'; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 3rem; color: #921d80; position: absolute; top: -32px; left: 0; right: 0; margin:auto;} #what-our-clients-are-saying {padding-top: 80px;} #our-client .item {flex:0 0 50%; padding: 0 2rem 2rem;} #breadcrumbs {padding:0; margin-top: 70px; background: #921d80} #breadcrumbs:before {background-image: url(../images/bg-breadcrumbs.png); background-size: cover; background-position: center right; content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%} #breadcrumbs h1 {color: #fff; padding-top: 23px; padding-bottom: 23px; text-transform: uppercase; position: relative; z-index: 2; margin:0;} .sub-menu-wrapper .sub-menu-item {color: #999; background-color: transparent; font-weight: 300; position: relative;} .sub-menu-wrapper .sub-menu-item.active:after {width: 50px; height: 2px; content: ''; position: absolute; bottom: -10px; left: 0; right: 0; margin: auto; background-color: #921d80;} .form-animate-fields .form-field { position: relative; overflow: hidden; padding-top: 24px; margin-bottom: 24px; } .form-animate-fields .form-input { position: relative; transition: 200ms linear; z-index: 10; display: block; background-color: transparent; width: 100%; height: 44px; padding: 8px; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333; border-bottom: 1px solid #ccc } .form-animate-fields .form-input:focus { outline: none; border-bottom-color: #921d80} .form-animate-fields .form-label { width: 100%; position: absolute; top: 24px; padding: 10px 8px; } .form-animate-fields .form-label:before, .form-animate-fields .form-label:after { position: absolute; content: ""; width: 100%; left: 0; } .form-animate-fields .form-label:before {} .form-animate-fields .form-input.is-filled + .form-label:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #921d80} .form-animate-fields .form-label:after { bottom: 0; height: 1px; background-color: #dedede; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); } .form-animate-fields .form-input.is-filled + .form-label:after { opacity: 0;} .form-animate-fields .form-label-content { position: relative; display: block; width: 100%; -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: color 0.25s 0.25s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.25s 0.05s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.25s 0.05s cubic-bezier(0.7, 0, 0.3, 1), color 0.25s 0.25s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.25s 0.05s cubic-bezier(0.7, 0, 0.3, 1), color 0.25s 0.25s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.25s 0.05s cubic-bezier(0.7, 0, 0.3, 1); } .form-animate-fields .form-input.is-filled + .form-label .form-label-content { color: #333; -webkit-transform: translate3d(-8px, -34px, 0); transform: translate3d(-8px, -34px, 0); } .custom-select {width: 100%; height: 44px; padding: 8px; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333; border-bottom: 1px solid #ccc} .custom-select:focus, textarea.form-control:focus {outline: none; box-shadow: none; border-color: #921d80;} ul.list-clients {margin-bottom: 0} ul.list-clients li { text-align: center; line-height: 1.2; margin-bottom: 0; font-size: 0; padding:2rem 2rem 2.5rem; border: 1px solid #f1f1f1;} ul.list-clients li img { max-width: 100%; height: auto; display: block; padding: 0 5px; margin-left: auto; margin-right: auto; max-height:100px;} textarea.form-control {border:none; border-bottom: 1px solid #ccc; border-radius: 0;} .form-area p.error {margin-bottom: 0; color: #921d80; font-style: italic;} #responMsg {color: #921d80; margin-top: 10px; font-weight: 400;} footer {background-color: #333333; color: #999999; overflow:hidden; padding-top: 70px; padding-bottom: 70px; font-size: 0.85rem;} footer p {font-size: inherit;} footer * {color: #999999;} footer a:hover, footer a:focus, footer a:active {color: #fff} footer ul {list-style: none; padding-left: 0; margin-top: 0} footer ul li {margin-bottom: 8px; line-height: 1.3} footer .title, footer address strong {color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; display: block;} footer hr {border-color: #595959} footer .footer-logo img {margin-bottom: 15px;} footer ul.social {display: inline-block; margin-bottom: 0} footer ul.social li {display: inline-block; margin-left: 4px; margin-right: 4px; font-size: 1.2rem} footer ul.social li a {transition: 100ms ease-in; transform: none; display: block;} footer ul.social li a i {color: inherit;} footer ul.social li a:hover, footer ul.social li a:focus, footer ul.social li a:active { transform: translateY(-5px); color: #fff} .page-content .section-body ul {list-style: none; padding-left: 25px; background-color: #fff; padding:0 2rem;} .page-content.bg-grey .section-body ul {background-color: #f6f6f6;} .page-content .section-body ul li {position: relative;} .page-content .section-body ul li:before {position: absolute; content: ''; top: 10px; left: -20px; font-size: 3em; background-color: #921d80;border-radius: 50%; width: 7px; height: 7px;} .list-zigZag img {max-width: 100%} .list-zigZag .card-item {margin-bottom: 45px;} .list-zigZag hr {margin-top: 50px;} .list-numbering .number {font-size: 3.3rem; color: #aaa; line-height: 1.2; margin-right: 1.5rem; font-weight: 200; font-family: 'Roboto', sans-serif;} .list-numbering h3 {margin-bottom: 8px; color: #333;} .page-content .section-body ul.slick-dots {position: absolute; top: 50%; transform: translateY(-50%); left: 0;} .page-content .section-body ul.slick-dots li {font-size: 1.5rem; transition: 120ms linear; transform: scale(0.7);} .page-content .section-body ul.slick-dots li.slick-active {transform: scale(1);} .page-content .section-body ul.slick-dots li:after {transition: 100ms linear; background-color: transparent; width: 20px; height: 1px; content: ''; left: 0; right: 0; margin:auto; bottom: 0; position: absolute; z-index: -1} .page-content .section-body ul.slick-dots li.slick-active:after {-webkit-animation: slideInLeft 0.3s ease-out both; animation: slideInLeft 0.3s ease-out both; background-color: #921d80} .page-content .section-body ul.slick-dots li:before {display: none;} .carousel-feature-works {overflow:hidden;} .carousel-feature-works .slick-list{ position: relative; left: 10% } .carousel-feature-works .item { vertical-align: top; } .carousel-feature-works .carousel-img {width: calc(100% - 45%); margin-right: 5%; display: inline-block;} .carousel-feature-works#feature-showcase .carousel-img {width: 90%; margin-right: 0;} .carousel-feature-works#feature-showcase .slick-list {padding-right: 10%} .carousel-feature-works .caption {width: 36%; display: inline-block; vertical-align: top; margin-top: 2rem;} .box {border:3px solid #921d80; padding:2.5rem; transition: 200ms linear; position: relative;} #cta .box p:last-child {margin-bottom: 0;} #cta .box:after {content: ''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 81%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position: absolute; bottom: -3px;left: -3px; right: 0; margin:auto; height: 50px; z-index: 2; width: calc(100% + 6px)} #cta .box>div {position: relative; z-index: 3} #cta.bg-grey .box:after {background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 81%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 81%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 81%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 );} .isotope { padding:20px 0;} .isotope:after { content: ''; display: block; clear: both; } .element-item { margin-bottom:20px; text-align: center;} .sec-portfolio #filters .btn { background-color:transparent; border:none; margin-bottom:8px; margin-right:8px; position:relative; z-index:777; font-weight: 300; color: #555} .sec-portfolio #filters .btn:active, .sec-portfolio #filters .btn:focus { outline:0; box-shadow: none;} .sec-portfolio #filters .btn.is-checked {background-color:transparent; color:#921d80; z-index:2; font-weight: 400;} .sec-portfolio .element-item .thumbnail {border:none; text-align:center;} .sec-portfolio .element-item .thumbnail>a {color:#796d77;} .sec-portfolio .element-item .thumbnail>a:hover, .sec-portfolio .element-item .thumbnail>a:active, .sec-portfolio .element-item .thumbnail>a:focus { text-decoration:none; outline:0;} .sec-portfolio .element-item .thumbnail>a:hover .img-holder { transform:scale(1.06); -webkit-transform:scale(1.06); box-shadow:0 3px 8px #ddd;} .sec-portfolio .element-item .img-holder { text-align:center; transition:200ms linear;} .sec-portfolio .element-item .img-holder img { max-width:100%; height:auto; margin:auto;} .sec-portfolio .element-item .caption {padding:0; margin-top: 15px;} .sec-portfolio .element-item .caption h4 { margin-top:10px; margin-bottom:6px; color:#333; font-size: 0.9em;} .sec-portfolio .element-item .caption p { margin-top:0; margin-bottom:0} .sec-portfolio .element-item .caption .glyphicon { font-size:12px;} .list-blog-entry .item {margin-bottom: 60px;} .list-blog-entry .post-caption {margin-top: 30px;} .list-blog-entry .post-title {margin-top: 20px; line-height: 1.2} .list-blog-entry .post-title a {font-size: 1.9rem;} .list-blog-entry .post-date, .list-blog-entry .post-excerpt {margin-top: 20px;} .list-blog-entry .post-footer {margin-top: 20px;} .av-visible .list-logos .item {animation: fade-in-right-sm 300ms ease both} .av-visible .list-logos .item:nth-child(1) {animation-delay: 100ms} .av-visible .list-logos .item:nth-child(2) {animation-delay: 150ms} .av-visible .list-logos .item:nth-child(3) {animation-delay: 200ms} .av-visible .list-logos .item:nth-child(4) {animation-delay: 250ms} .av-visible .list-logos .item:nth-child(5) {animation-delay: 300ms} .av-visible .list-logos .item:nth-child(6) {animation-delay: 350ms} .post-feaImg {margin-bottom: 15px;} .blog-single .post-content img {margin-bottom: 20px;} .blog-single .btn-back {position: absolute; top: 0; right: 0} .list-post-sidebar .list-post-item {margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-bottom: 20px;} .list-post-sidebar .list-post-item .post-date {font-size: 0.85em; margin-top: 10px;} .list-post-sidebar .list-post-item .post-title a {color: inherit; font-size: 0.9em; line-height: 1.4; display: block; margin-top: 10px;} .list-post-sidebar .list-post-item .post-title a:hover, .list-post-sidebar .list-post-item .post-title a:focus {color: #921d80} .list-post-sidebar .list-post-item:last-child {margin-bottom: 0; border-bottom: none;} /****************************************************************************************** + Plugin *******************************************************************************************/ .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {border:none;background-image: url(../images/arrow.svg); background-size: 12px 12px; width: 12px; height: 12px; position: relative; right: -7px; top: 4px } /****************************************************************************************** + Custom Animations *******************************************************************************************/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .delay1 {animation-delay: 150ms;} .delay2 {animation-delay: 300ms;} .delay3 {animation-delay: 450ms;} .delay4 {animation-delay: 600ms;} .delay5 {animation-delay: 750ms;} .delay6 {animation-delay: 900ms;} @-webkit-keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } @keyframes swing-in-top-fwd { 0% { -webkit-transform: rotateX(-100deg); transform: rotateX(-100deg); -webkit-transform-origin: top; transform-origin: top; opacity: 0; } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: top; transform-origin: top; opacity: 1; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 2.5rem, 0); transform: translate3d(0, 2.5rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 2.5rem, 0); transform: translate3d(0, 2.5rem, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes slideInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) scale(0); transform: translate3d(-100%, 0, 0) scale(0); visibility: visible; } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1);}} @keyframes slideInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) scale(0); transform: translate3d(-100%, 0, 0) scale(0); visibility: visible; } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1);}} .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes animsition-loading { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes animsition-loading { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @-webkit-keyframes fade-in { 0% { opacity:0 } to { opacity:1 } } @keyframes fade-in { 0% { opacity:0 } to { opacity:1 } } .fade-in { -webkit-animation-name: fade-in; animation-name: fade-in } @-webkit-keyframes fade-out { 0% { opacity:1 } to { opacity:0 } } @keyframes fade-out { 0% { opacity:1 } to { opacity:0 } } .fade-out { -webkit-animation-name: fade-out; animation-name: fade-out } @-webkit-keyframes fade-in-up { 0% { -webkit-transform:translateY(500px); transform:translateY(500px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } @keyframes fade-in-up { 0% { -webkit-transform:translateY(500px); transform:translateY(500px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } .fade-in-up { -webkit-animation-name: fade-in-up; animation-name: fade-in-up } @-webkit-keyframes fade-out-up { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(-500px); transform:translateY(-500px); opacity:0 } } @keyframes fade-out-up { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(-500px); transform:translateY(-500px); opacity:0 } } .fade-out-up { -webkit-animation-name: fade-out-up; animation-name: fade-out-up } @-webkit-keyframes fade-in-up-sm { 0% { -webkit-transform:translateY(100px); transform:translateY(100px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } @keyframes fade-in-up-sm { 0% { -webkit-transform:translateY(100px); transform:translateY(100px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } .fade-in-up-sm { -webkit-animation-name: fade-in-up-sm; animation-name: fade-in-up-sm } @-webkit-keyframes fade-out-up-sm { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(-100px); transform:translateY(-100px); opacity:0 } } @keyframes fade-out-up-sm { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(-100px); transform:translateY(-100px); opacity:0 } } .fade-out-up-sm { -webkit-animation-name: fade-out-up-sm; animation-name: fade-out-up-sm } @-webkit-keyframes fade-in-up-lg { 0% { -webkit-transform:translateY(1000px); transform:translateY(1000px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } @keyframes fade-in-up-lg { 0% { -webkit-transform:translateY(1000px); transform:translateY(1000px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } .fade-in-up-lg { -webkit-animation-name: fade-in-up-lg; animation-name: fade-in-up-lg } @-webkit-keyframes fade-out-up-lg { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(-1000px); transform:translateY(-1000px); opacity:0 } } @keyframes fade-out-up-lg { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(-1000px); transform:translateY(-1000px); opacity:0 } } .fade-out-up-lg { -webkit-animation-name: fade-out-up-lg; animation-name: fade-out-up-lg } @-webkit-keyframes fade-in-down { 0% { -webkit-transform:translateY(-500px); transform:translateY(-500px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } @keyframes fade-in-down { 0% { -webkit-transform:translateY(-500px); transform:translateY(-500px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } .fade-in-down { -webkit-animation-name: fade-in-down; animation-name: fade-in-down } @-webkit-keyframes fade-out-down { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(500px); transform:translateY(500px); opacity:0 } } @keyframes fade-out-down { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(500px); transform:translateY(500px); opacity:0 } } .fade-out-down { -webkit-animation-name: fade-out-down; animation-name: fade-out-down } @-webkit-keyframes fade-in-down-sm { 0% { -webkit-transform:translateY(-100px); transform:translateY(-100px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } @keyframes fade-in-down-sm { 0% { -webkit-transform:translateY(-100px); transform:translateY(-100px); opacity:0 } to { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } } .fade-in-down-sm { -webkit-animation-name: fade-in-down-sm; animation-name: fade-in-down-sm } @-webkit-keyframes fade-out-down-sm { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(100px); transform:translateY(100px); opacity:0 } } @keyframes fade-out-down-sm { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(100px); transform:translateY(100px); opacity:0 } } .fade-out-down-sm { -webkit-animation-name: fade-out-down-sm; animation-name: fade-out-down-sm } .fade-in-down-lg { -webkit-animation-name: fade-in-down; animation-name: fade-in-down } @-webkit-keyframes fade-out-down-lg { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(1000px); transform:translateY(1000px); opacity:0 } } @keyframes fade-out-down-lg { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(1000px); transform:translateY(1000px); opacity:0 } } .fade-out-down-lg { -webkit-animation-name: fade-out-down-lg; animation-name: fade-out-down-lg } @-webkit-keyframes fade-in-left { 0% { -webkit-transform:translateX(-500px); transform:translateX(-500px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @keyframes fade-in-left { 0% { -webkit-transform:translateX(-500px); transform:translateX(-500px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } .fade-in-left { -webkit-animation-name: fade-in-left; animation-name: fade-in-left } @-webkit-keyframes fade-out-left { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(-500px); transform:translateX(-500px); opacity:0 } } @keyframes fade-out-left { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(-500px); transform:translateX(-500px); opacity:0 } } .fade-out-left { -webkit-animation-name: fade-out-left; animation-name: fade-out-left } @-webkit-keyframes fade-in-left-sm { 0% { -webkit-transform:translateX(-100px); transform:translateX(-100px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @keyframes fade-in-left-sm { 0% { -webkit-transform:translateX(-100px); transform:translateX(-100px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } .fade-in-left-sm { -webkit-animation-name: fade-in-left-sm; animation-name: fade-in-left-sm } @-webkit-keyframes fade-out-left-sm { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(-100px); transform:translateX(-100px); opacity:0 } } @keyframes fade-out-left-sm { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(-100px); transform:translateX(-100px); opacity:0 } } .fade-out-left-sm { -webkit-animation-name: fade-out-left-sm; animation-name: fade-out-left-sm } @-webkit-keyframes fade-in-left-lg { 0% { -webkit-transform:translateX(-1500px); transform:translateX(-1500px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @keyframes fade-in-left-lg { 0% { -webkit-transform:translateX(-1500px); transform:translateX(-1500px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } .fade-in-left-lg { -webkit-animation-name: fade-in-left-lg; animation-name: fade-in-left-lg } @-webkit-keyframes fade-out-left-lg { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(-1500px); transform:translateX(-1500px); opacity:0 } } @keyframes fade-out-left-lg { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(-1500px); transform:translateX(-1500px); opacity:0 } } .fade-out-left-lg { -webkit-animation-name: fade-out-left-lg; animation-name: fade-out-left-lg } @-webkit-keyframes fade-in-right { 0% { -webkit-transform:translateX(500px); transform:translateX(500px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @keyframes fade-in-right { 0% { -webkit-transform:translateX(500px); transform:translateX(500px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } .fade-in-right { -webkit-animation-name: fade-in-right; animation-name: fade-in-right } @-webkit-keyframes fade-out-right { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(500px); transform:translateX(500px); opacity:0 } } @keyframes fade-out-right { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(500px); transform:translateX(500px); opacity:0 } } .fade-out-right { -webkit-animation-name: fade-out-right; animation-name: fade-out-right } @-webkit-keyframes fade-in-right-sm { 0% { -webkit-transform:translateX(100px); transform:translateX(100px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @keyframes fade-in-right-sm { 0% { -webkit-transform:translateX(100px); transform:translateX(100px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } .fade-in-right-sm { -webkit-animation-name: fade-in-right-sm; animation-name: fade-in-right-sm } @-webkit-keyframes fade-out-right-sm { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(100px); transform:translateX(100px); opacity:0 } } @keyframes fade-out-right-sm { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(100px); transform:translateX(100px); opacity:0 } } .fade-out-right-sm { -webkit-animation-name: fade-out-right-sm; animation-name: fade-out-right-sm } @-webkit-keyframes fade-in-right-lg { 0% { -webkit-transform:translateX(1500px); transform:translateX(1500px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } @keyframes fade-in-right-lg { 0% { -webkit-transform:translateX(1500px); transform:translateX(1500px); opacity:0 } to { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } } .fade-in-right-lg { -webkit-animation-name: fade-in-right-lg; animation-name: fade-in-right-lg } @-webkit-keyframes fade-out-right-lg { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(1500px); transform:translateX(1500px); opacity:0 } } @keyframes fade-out-right-lg { 0% { -webkit-transform:translateX(0); transform:translateX(0); opacity:1 } to { -webkit-transform:translateX(1500px); transform:translateX(1500px); opacity:0 } } .fade-out-right-lg { -webkit-animation-name: fade-out-right-lg; animation-name: fade-out-right-lg } @-webkit-keyframes rotate-in { 0% { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); transform-origin:center center; opacity:0 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } } @keyframes rotate-in { 0% { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); transform-origin:center center; opacity:0 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } } .rotate-in { -webkit-animation-name: rotate-in; animation-name: rotate-in } @-webkit-keyframes rotate-out { 0% { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(90deg); transform:rotate(90deg); transform-origin:center center; opacity:0 } } @keyframes rotate-out { 0% { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(90deg); transform:rotate(90deg); transform-origin:center center; opacity:0 } } .rotate-out { -webkit-animation-name: rotate-out; animation-name: rotate-out } @-webkit-keyframes rotate-in-sm { 0% { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transform-origin:center center; opacity:0 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } } @keyframes rotate-in-sm { 0% { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transform-origin:center center; opacity:0 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } } .rotate-in-sm { -webkit-animation-name: rotate-in-sm; animation-name: rotate-in-sm } @-webkit-keyframes rotate-out-sm { 0% { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(45deg); transform:rotate(45deg); transform-origin:center center; opacity:0 } } @keyframes rotate-out-sm { 0% { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(45deg); transform:rotate(45deg); transform-origin:center center; opacity:0 } } .rotate-out-sm { -webkit-animation-name: rotate-out-sm; animation-name: rotate-out-sm } @-webkit-keyframes rotate-in-lg { 0% { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); transform-origin:center center; opacity:0 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } } @keyframes rotate-in-lg { 0% { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); transform-origin:center center; opacity:0 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } } .rotate-in-lg { -webkit-animation-name: rotate-in-lg; animation-name: rotate-in-lg } @-webkit-keyframes rotate-out-lg { 0% { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(180deg); transform:rotate(180deg); transform-origin:center center; opacity:0 } } @keyframes rotate-out-lg { 0% { -webkit-transform:rotate(0); transform:rotate(0); transform-origin:center center; opacity:1 } 0%, to { -webkit-transform-origin:center center } to { -webkit-transform:rotate(180deg); transform:rotate(180deg); transform-origin:center center; opacity:0 } } .rotate-out-lg { -webkit-animation-name: rotate-out-lg; animation-name: rotate-out-lg } @-webkit-keyframes flip-in-x { 0% { -webkit-transform:perspective(550px) rotateX(90deg); transform:perspective(550px) rotateX(90deg); opacity:0 } to { -webkit-transform:perspective(550px) rotateX(0deg); transform:perspective(550px) rotateX(0deg); opacity:1 } } @keyframes flip-in-x { 0% { -webkit-transform:perspective(550px) rotateX(90deg); transform:perspective(550px) rotateX(90deg); opacity:0 } to { -webkit-transform:perspective(550px) rotateX(0deg); transform:perspective(550px) rotateX(0deg); opacity:1 } } .flip-in-x { -webkit-animation-name: flip-in-x; animation-name: flip-in-x; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-out-x { 0% { -webkit-transform:perspective(550px) rotateX(0deg); transform:perspective(550px) rotateX(0deg); opacity:1 } to { -webkit-transform:perspective(550px) rotateX(90deg); transform:perspective(550px) rotateX(90deg); opacity:0 } } @keyframes flip-out-x { 0% { -webkit-transform:perspective(550px) rotateX(0deg); transform:perspective(550px) rotateX(0deg); opacity:1 } to { -webkit-transform:perspective(550px) rotateX(90deg); transform:perspective(550px) rotateX(90deg); opacity:0 } } .flip-out-x { -webkit-animation-name: flip-out-x; animation-name: flip-out-x; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-in-x-nr { 0% { -webkit-transform:perspective(100px) rotateX(90deg); transform:perspective(100px) rotateX(90deg); opacity:0 } to { -webkit-transform:perspective(100px) rotateX(0deg); transform:perspective(100px) rotateX(0deg); opacity:1 } } @keyframes flip-in-x-nr { 0% { -webkit-transform:perspective(100px) rotateX(90deg); transform:perspective(100px) rotateX(90deg); opacity:0 } to { -webkit-transform:perspective(100px) rotateX(0deg); transform:perspective(100px) rotateX(0deg); opacity:1 } } .flip-in-x-nr { -webkit-animation-name: flip-in-x-nr; animation-name: flip-in-x-nr; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-out-x-nr { 0% { -webkit-transform:perspective(100px) rotateX(0deg); transform:perspective(100px) rotateX(0deg); opacity:1 } to { -webkit-transform:perspective(100px) rotateX(90deg); transform:perspective(100px) rotateX(90deg); opacity:0 } } @keyframes flip-out-x-nr { 0% { -webkit-transform:perspective(100px) rotateX(0deg); transform:perspective(100px) rotateX(0deg); opacity:1 } to { -webkit-transform:perspective(100px) rotateX(90deg); transform:perspective(100px) rotateX(90deg); opacity:0 } } .flip-out-x-nr { -webkit-animation-name: flip-out-x-nr; animation-name: flip-out-x-nr; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-in-x-fr { 0% { -webkit-transform:perspective(1000px) rotateX(90deg); transform:perspective(1000px) rotateX(90deg); opacity:0 } to { -webkit-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); opacity:1 } } @keyframes flip-in-x-fr { 0% { -webkit-transform:perspective(1000px) rotateX(90deg); transform:perspective(1000px) rotateX(90deg); opacity:0 } to { -webkit-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); opacity:1 } } .flip-in-x-fr { -webkit-animation-name: flip-in-x-fr; animation-name: flip-in-x-fr; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-out-x-fr { 0% { -webkit-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); opacity:1 } to { -webkit-transform:perspective(1000px) rotateX(90deg); transform:perspective(1000px) rotateX(90deg); opacity:0 } } @keyframes flip-out-x-fr { 0% { -webkit-transform:perspective(1000px) rotateX(0deg); transform:perspective(1000px) rotateX(0deg); opacity:1 } to { -webkit-transform:perspective(1000px) rotateX(90deg); transform:perspective(1000px) rotateX(90deg); opacity:0 } } .flip-out-x-fr { -webkit-animation-name: flip-out-x-fr; animation-name: flip-out-x-fr; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-in-y { 0% { -webkit-transform:perspective(550px) rotateY(90deg); transform:perspective(550px) rotateY(90deg); opacity:0 } to { -webkit-transform:perspective(550px) rotateY(0deg); transform:perspective(550px) rotateY(0deg); opacity:1 } } @keyframes flip-in-y { 0% { -webkit-transform:perspective(550px) rotateY(90deg); transform:perspective(550px) rotateY(90deg); opacity:0 } to { -webkit-transform:perspective(550px) rotateY(0deg); transform:perspective(550px) rotateY(0deg); opacity:1 } } .flip-in-y { -webkit-animation-name: flip-in-y; animation-name: flip-in-y; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-out-y { 0% { -webkit-transform:perspective(550px) rotateY(0deg); transform:perspective(550px) rotateY(0deg); opacity:1 } to { -webkit-transform:perspective(550px) rotateY(90deg); transform:perspective(550px) rotateY(90deg); opacity:0 } } @keyframes flip-out-y { 0% { -webkit-transform:perspective(550px) rotateY(0deg); transform:perspective(550px) rotateY(0deg); opacity:1 } to { -webkit-transform:perspective(550px) rotateY(90deg); transform:perspective(550px) rotateY(90deg); opacity:0 } } .flip-out-y { -webkit-animation-name: flip-out-y; animation-name: flip-out-y; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-in-y-nr { 0% { -webkit-transform:perspective(100px) rotateY(90deg); transform:perspective(100px) rotateY(90deg); opacity:0 } to { -webkit-transform:perspective(100px) rotateY(0deg); transform:perspective(100px) rotateY(0deg); opacity:1 } } @keyframes flip-in-y-nr { 0% { -webkit-transform:perspective(100px) rotateY(90deg); transform:perspective(100px) rotateY(90deg); opacity:0 } to { -webkit-transform:perspective(100px) rotateY(0deg); transform:perspective(100px) rotateY(0deg); opacity:1 } } .flip-in-y-nr { -webkit-animation-name: flip-in-y-nr; animation-name: flip-in-y-nr; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-out-y-nr { 0% { -webkit-transform:perspective(100px) rotateY(0deg); transform:perspective(100px) rotateY(0deg); opacity:1 } to { -webkit-transform:perspective(100px) rotateY(90deg); transform:perspective(100px) rotateY(90deg); opacity:0 } } @keyframes flip-out-y-nr { 0% { -webkit-transform:perspective(100px) rotateY(0deg); transform:perspective(100px) rotateY(0deg); opacity:1 } to { -webkit-transform:perspective(100px) rotateY(90deg); transform:perspective(100px) rotateY(90deg); opacity:0 } } .flip-out-y-nr { -webkit-animation-name: flip-out-y-nr; animation-name: flip-out-y-nr; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-in-y-fr { 0% { -webkit-transform:perspective(1000px) rotateY(90deg); transform:perspective(1000px) rotateY(90deg); opacity:0 } to { -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); opacity:1 } } @keyframes flip-in-y-fr { 0% { -webkit-transform:perspective(1000px) rotateY(90deg); transform:perspective(1000px) rotateY(90deg); opacity:0 } to { -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); opacity:1 } } .flip-in-y-fr { -webkit-animation-name: flip-in-y-fr; animation-name: flip-in-y-fr; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flip-out-y-fr { 0% { -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); opacity:1 } to { -webkit-transform:perspective(1000px) rotateY(90deg); transform:perspective(1000px) rotateY(90deg); opacity:0 } } @keyframes flip-out-y-fr { 0% { -webkit-transform:perspective(1000px) rotateY(0deg); transform:perspective(1000px) rotateY(0deg); opacity:1 } to { -webkit-transform:perspective(1000px) rotateY(90deg); transform:perspective(1000px) rotateY(90deg); opacity:0 } } .flip-out-y-fr { -webkit-animation-name: flip-out-y-fr; animation-name: flip-out-y-fr; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes zoom-in { 0% { -webkit-transform:scale(.7); transform:scale(.7); opacity:0 } to { opacity:1 } } @keyframes zoom-in { 0% { -webkit-transform:scale(.7); transform:scale(.7); opacity:0 } to { opacity:1 } } .zoom-in { -webkit-animation-name: zoom-in; animation-name: zoom-in } @-webkit-keyframes zoom-out { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 50% { -webkit-transform:scale(.7); transform:scale(.7) } 50%, to { opacity:0 } } @keyframes zoom-out { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 50% { -webkit-transform:scale(.7); transform:scale(.7) } 50%, to { opacity:0 } } .zoom-out { -webkit-animation-name: zoom-out; animation-name: zoom-out } @-webkit-keyframes zoom-in-sm { 0% { -webkit-transform:scale(.95); transform:scale(.95); opacity:0 } to { opacity:1 } } @keyframes zoom-in-sm { 0% { -webkit-transform:scale(.95); transform:scale(.95); opacity:0 } to { opacity:1 } } .zoom-in-sm { -webkit-animation-name: zoom-in-sm; animation-name: zoom-in-sm } @-webkit-keyframes zoom-out-sm { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 50% { -webkit-transform:scale(.95); transform:scale(.95) } 50%, to { opacity:0 } } @keyframes zoom-out-sm { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 50% { -webkit-transform:scale(.95); transform:scale(.95) } 50%, to { opacity:0 } } .zoom-out-sm { -webkit-animation-name: zoom-out-sm; animation-name: zoom-out-sm } @-webkit-keyframes zoom-in-lg { 0% { -webkit-transform:scale(.4); transform:scale(.4); opacity:0 } to { opacity:1 } } @keyframes zoom-in-lg { 0% { -webkit-transform:scale(.4); transform:scale(.4); opacity:0 } to { opacity:1 } } .zoom-in-lg { -webkit-animation-name: zoom-in-lg; animation-name: zoom-in-lg } @-webkit-keyframes zoom-out-lg { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 50% { -webkit-transform:scale(.4); transform:scale(.4) } 50%, to { opacity:0 } } @keyframes zoom-out-lg { 0% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } 50% { -webkit-transform:scale(.4); transform:scale(.4) } 50%, to { opacity:0 } } .zoom-out-lg { -webkit-animation-name: zoom-out-lg; animation-name: zoom-out-lg } @-webkit-keyframes overlay-slide-in-top { 0% { height:100% } to { height:0 } } @keyframes overlay-slide-in-top { 0% { height:100% } to { height:0 } } .overlay-slide-in-top { top: 0; height: 0; -webkit-animation-name: overlay-slide-in-top; animation-name: overlay-slide-in-top } @-webkit-keyframes overlay-slide-out-top { 0% { height:0 } to { height:100% } } @keyframes overlay-slide-out-top { 0% { height:0 } to { height:100% } } .overlay-slide-out-top { top: 0; height: 100%; -webkit-animation-name: overlay-slide-out-top; animation-name: overlay-slide-out-top } @-webkit-keyframes overlay-slide-in-bottom { 0% { height:100% } to { height:0 } } @keyframes overlay-slide-in-bottom { 0% { height:100% } to { height:0 } } .overlay-slide-in-bottom { bottom: 0; height: 0; -webkit-animation-name: overlay-slide-in-bottom; animation-name: overlay-slide-in-bottom } @-webkit-keyframes overlay-slide-out-bottom { 0% { height:0 } to { height:100% } } @keyframes overlay-slide-out-bottom { 0% { height:0 } to { height:100% } } .overlay-slide-out-bottom { bottom: 0; height: 100%; -webkit-animation-name: overlay-slide-out-bottom; animation-name: overlay-slide-out-bottom } @-webkit-keyframes overlay-slide-in-left { 0% { width:100% } to { width:0 } } @keyframes overlay-slide-in-left { 0% { width:100% } to { width:0 } } .overlay-slide-in-left { width: 0; -webkit-animation-name: overlay-slide-in-left; animation-name: overlay-slide-in-left } @-webkit-keyframes overlay-slide-out-left { 0% { width:0 } to { width:100% } } @keyframes overlay-slide-out-left { 0% { width:0 } to { width:100% } } .overlay-slide-out-left { left: 0; width: 100%; -webkit-animation-name: overlay-slide-out-left; animation-name: overlay-slide-out-left } @-webkit-keyframes overlay-slide-in-right { 0% { width:100% } to { width:0 } } @keyframes overlay-slide-in-right { 0% { width:100% } to { width:0 } } .overlay-slide-in-right { right: 0; width: 0; -webkit-animation-name: overlay-slide-in-right; animation-name: overlay-slide-in-right } @-webkit-keyframes overlay-slide-out-right { 0% { width:0 } to { width:100% } } @keyframes overlay-slide-out-right { 0% { width:0 } to { width:100% } } .overlay-slide-out-right { right: 0; width: 100%; -webkit-animation-name: overlay-slide-out-right; animation-name: overlay-slide-out-right } /****************************************************************************************** + SVG Animations *******************************************************************************************/ /** website design **/ .st0{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;} .st1{fill:none;stroke:#000;stroke-width:2;stroke-miterlimit:10;} .nnjLXkxB_0{stroke-dasharray:396 398;stroke-dashoffset:397;}.animated .nnjLXkxB_0{animation:nnjLXkxB_draw 309ms ease-out 0ms forwards;}.nnjLXkxB_1{stroke-dasharray:84 86;stroke-dashoffset:85;}.animated .nnjLXkxB_1{animation:nnjLXkxB_draw 66ms ease-out 309ms forwards;}.nnjLXkxB_2{stroke-dasharray:1217 1219;stroke-dashoffset:1218;}.animated .nnjLXkxB_2{animation:nnjLXkxB_draw 949ms ease-out 375ms forwards;}.nnjLXkxB_3{stroke-dasharray:28 30;stroke-dashoffset:29;}.animated .nnjLXkxB_3{animation:nnjLXkxB_draw 22ms ease-out 1324ms forwards;}.nnjLXkxB_4{stroke-dasharray:28 30;stroke-dashoffset:29;}.animated .nnjLXkxB_4{animation:nnjLXkxB_draw 22ms ease-out 1347ms forwards;}.nnjLXkxB_5{stroke-dasharray:28 30;stroke-dashoffset:29;}.animated .nnjLXkxB_5{animation:nnjLXkxB_draw 22ms ease-out 1369ms forwards;}.nnjLXkxB_6{stroke-dasharray:372 374;stroke-dashoffset:373;}.animated .nnjLXkxB_6{animation:nnjLXkxB_draw 290ms ease-out 1392ms forwards;}.nnjLXkxB_7{stroke-dasharray:149 151;stroke-dashoffset:150;}.animated .nnjLXkxB_7{animation:nnjLXkxB_draw 116ms ease-out 1683ms forwards;}@keyframes nnjLXkxB_draw{100%{stroke-dashoffset:0;}}@keyframes nnjLXkxB_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** e-commerce **/ .st2{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st3{fill:none;stroke:#000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;} .mQUzLcbN_0{stroke-dasharray:702 704;stroke-dashoffset:703;}.animated .mQUzLcbN_0{animation:mQUzLcbN_draw 394ms ease-out 0ms forwards;}.mQUzLcbN_1{stroke-dasharray:148 150;stroke-dashoffset:149;}.animated .mQUzLcbN_1{animation:mQUzLcbN_draw 83ms ease-out 394ms forwards;}.mQUzLcbN_2{stroke-dasharray:676 678;stroke-dashoffset:677;}.animated .mQUzLcbN_2{animation:mQUzLcbN_draw 380ms ease-out 478ms forwards;}.mQUzLcbN_3{stroke-dasharray:169 171;stroke-dashoffset:170;}.animated .mQUzLcbN_3{animation:mQUzLcbN_draw 95ms ease-out 858ms forwards;}.mQUzLcbN_4{stroke-dasharray:169 171;stroke-dashoffset:170;}.animated .mQUzLcbN_4{animation:mQUzLcbN_draw 95ms ease-out 954ms forwards;}.mQUzLcbN_5{stroke-dasharray:169 171;stroke-dashoffset:170;}.animated .mQUzLcbN_5{animation:mQUzLcbN_draw 95ms ease-out 1049ms forwards;}.mQUzLcbN_6{stroke-dasharray:169 171;stroke-dashoffset:170;}.animated .mQUzLcbN_6{animation:mQUzLcbN_draw 95ms ease-out 1145ms forwards;}.mQUzLcbN_7{stroke-dasharray:364 366;stroke-dashoffset:365;}.animated .mQUzLcbN_7{animation:mQUzLcbN_draw 204ms ease-out 1240ms forwards;}.mQUzLcbN_8{stroke-dasharray:350 352;stroke-dashoffset:351;}.animated .mQUzLcbN_8{animation:mQUzLcbN_draw 197ms ease-out 1445ms forwards;}.mQUzLcbN_9{stroke-dasharray:139 141;stroke-dashoffset:140;}.animated .mQUzLcbN_9{animation:mQUzLcbN_draw 78ms ease-out 1642ms forwards;}.mQUzLcbN_10{stroke-dasharray:139 141;stroke-dashoffset:140;}.animated .mQUzLcbN_10{animation:mQUzLcbN_draw 78ms ease-out 1721ms forwards;}@keyframes mQUzLcbN_draw{100%{stroke-dashoffset:0;}}@keyframes mQUzLcbN_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** mobile-app **/ .st4{fill:none;stroke:#000;stroke-width:2;stroke-miterlimit:10;} .ksAuFRBA_0{stroke-dasharray:178 180;stroke-dashoffset:179;}.animated .ksAuFRBA_0{animation:ksAuFRBA_draw 146ms ease-out 0ms forwards;}.ksAuFRBA_1{stroke-dasharray:178 180;stroke-dashoffset:179;}.animated .ksAuFRBA_1{animation:ksAuFRBA_draw 146ms ease-out 146ms forwards;}.ksAuFRBA_2{stroke-dasharray:1165 1167;stroke-dashoffset:1166;}.animated .ksAuFRBA_2{animation:ksAuFRBA_draw 953ms ease-out 292ms forwards;}.ksAuFRBA_3{stroke-dasharray:89 91;stroke-dashoffset:90;}.animated .ksAuFRBA_3{animation:ksAuFRBA_draw 73ms ease-out 1246ms forwards;}.ksAuFRBA_4{stroke-dasharray:44 46;stroke-dashoffset:45;}.animated .ksAuFRBA_4{animation:ksAuFRBA_draw 36ms ease-out 1319ms forwards;}.ksAuFRBA_5{stroke-dasharray:31 33;stroke-dashoffset:32;}.animated .ksAuFRBA_5{animation:ksAuFRBA_draw 26ms ease-out 1356ms forwards;}.ksAuFRBA_6{stroke-dasharray:34 36;stroke-dashoffset:35;}.animated .ksAuFRBA_6{animation:ksAuFRBA_draw 28ms ease-out 1382ms forwards;}.ksAuFRBA_7{stroke-dasharray:32 34;stroke-dashoffset:33;}.animated .ksAuFRBA_7{animation:ksAuFRBA_draw 26ms ease-out 1411ms forwards;}.ksAuFRBA_8{stroke-dasharray:33 35;stroke-dashoffset:34;}.animated .ksAuFRBA_8{animation:ksAuFRBA_draw 27ms ease-out 1438ms forwards;}.ksAuFRBA_9{stroke-dasharray:101 103;stroke-dashoffset:102;}.animated .ksAuFRBA_9{animation:ksAuFRBA_draw 83ms ease-out 1466ms forwards;}.ksAuFRBA_10{stroke-dasharray:101 103;stroke-dashoffset:102;}.animated .ksAuFRBA_10{animation:ksAuFRBA_draw 83ms ease-out 1549ms forwards;}.ksAuFRBA_11{stroke-dasharray:101 103;stroke-dashoffset:102;}.animated .ksAuFRBA_11{animation:ksAuFRBA_draw 83ms ease-out 1633ms forwards;}.ksAuFRBA_12{stroke-dasharray:101 103;stroke-dashoffset:102;}.animated .ksAuFRBA_12{animation:ksAuFRBA_draw 83ms ease-out 1716ms forwards;}@keyframes ksAuFRBA_draw{100%{stroke-dashoffset:0;}}@keyframes ksAuFRBA_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** seo **/ .st5{fill:none;stroke:#000;;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;} .EzjpnSgR_0{stroke-dasharray:910 912;stroke-dashoffset:911;}.animated .EzjpnSgR_0{animation:EzjpnSgR_draw 738ms ease-out 0ms forwards;}.EzjpnSgR_1{stroke-dasharray:199 201;stroke-dashoffset:200;}.animated .EzjpnSgR_1{animation:EzjpnSgR_draw 162ms ease-out 738ms forwards;}.EzjpnSgR_2{stroke-dasharray:518 520;stroke-dashoffset:519;}.animated .EzjpnSgR_2{animation:EzjpnSgR_draw 420ms ease-out 900ms forwards;}.EzjpnSgR_3{stroke-dasharray:54 56;stroke-dashoffset:55;}.animated .EzjpnSgR_3{animation:EzjpnSgR_draw 44ms ease-out 1321ms forwards;}.EzjpnSgR_4{stroke-dasharray:54 56;stroke-dashoffset:55;}.animated .EzjpnSgR_4{animation:EzjpnSgR_draw 44ms ease-out 1366ms forwards;}.EzjpnSgR_5{stroke-dasharray:159 161;stroke-dashoffset:160;}.animated .EzjpnSgR_5{animation:EzjpnSgR_draw 129ms ease-out 1410ms forwards;}.EzjpnSgR_6{stroke-dasharray:83 85;stroke-dashoffset:84;}.animated .EzjpnSgR_6{animation:EzjpnSgR_draw 68ms ease-out 1540ms forwards;}.EzjpnSgR_7{stroke-dasharray:83 85;stroke-dashoffset:84;}.animated .EzjpnSgR_7{animation:EzjpnSgR_draw 68ms ease-out 1608ms forwards;}.EzjpnSgR_8{stroke-dasharray:83 85;stroke-dashoffset:84;}.animated .EzjpnSgR_8{animation:EzjpnSgR_draw 68ms ease-out 1676ms forwards;}.EzjpnSgR_9{stroke-dasharray:67 69;stroke-dashoffset:68;}.animated .EzjpnSgR_9{animation:EzjpnSgR_draw 55ms ease-out 1744ms forwards;}@keyframes EzjpnSgR_draw{100%{stroke-dashoffset:0;}}@keyframes EzjpnSgR_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** branding **/ .st6{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;} .st7{fill:none;stroke:#000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;} .st8{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st9{fill:none;stroke:#000;stroke-width:2;stroke-miterlimit:10;} .IWXaIhgA_0{stroke-dasharray:829 831;stroke-dashoffset:830;}.animated .IWXaIhgA_0{animation:IWXaIhgA_draw 502ms ease-out 0ms forwards;}.IWXaIhgA_1{stroke-dasharray:765 767;stroke-dashoffset:766;}.animated .IWXaIhgA_1{animation:IWXaIhgA_draw 463ms ease-out 502ms forwards;}.IWXaIhgA_2{stroke-dasharray:484 486;stroke-dashoffset:485;}.animated .IWXaIhgA_2{animation:IWXaIhgA_draw 293ms ease-out 966ms forwards;}.IWXaIhgA_3{stroke-dasharray:113 115;stroke-dashoffset:114;}.animated .IWXaIhgA_3{animation:IWXaIhgA_draw 69ms ease-out 1259ms forwards;}.IWXaIhgA_4{stroke-dasharray:113 115;stroke-dashoffset:114;}.animated .IWXaIhgA_4{animation:IWXaIhgA_draw 69ms ease-out 1328ms forwards;}.IWXaIhgA_5{stroke-dasharray:317 319;stroke-dashoffset:318;}.animated .IWXaIhgA_5{animation:IWXaIhgA_draw 192ms ease-out 1397ms forwards;}.IWXaIhgA_6{stroke-dasharray:107 109;stroke-dashoffset:108;}.animated .IWXaIhgA_6{animation:IWXaIhgA_draw 65ms ease-out 1590ms forwards;}.IWXaIhgA_7{stroke-dasharray:188 190;stroke-dashoffset:189;}.animated .IWXaIhgA_7{animation:IWXaIhgA_draw 114ms ease-out 1655ms forwards;}.IWXaIhgA_8{stroke-dasharray:48 50;stroke-dashoffset:49;}.animated .IWXaIhgA_8{animation:IWXaIhgA_draw 29ms ease-out 1770ms forwards;}@keyframes IWXaIhgA_draw{100%{stroke-dashoffset:0;}}@keyframes IWXaIhgA_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** condo **/ .st10{fill:none;stroke:#000;stroke-width:2;stroke-miterlimit:10;} .st11{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;} .KKGjMayV_0{stroke-dasharray:402 404;stroke-dashoffset:403;}.animated .KKGjMayV_0{animation:KKGjMayV_draw 239ms ease-out 0ms forwards;}.KKGjMayV_1{stroke-dasharray:313 315;stroke-dashoffset:314;}.animated .KKGjMayV_1{animation:KKGjMayV_draw 186ms ease-out 239ms forwards;}.KKGjMayV_2{stroke-dasharray:228 230;stroke-dashoffset:229;}.animated .KKGjMayV_2{animation:KKGjMayV_draw 136ms ease-out 426ms forwards;}.KKGjMayV_3{stroke-dasharray:378 380;stroke-dashoffset:379;}.animated .KKGjMayV_3{animation:KKGjMayV_draw 225ms ease-out 563ms forwards;}.KKGjMayV_4{stroke-dasharray:223 225;stroke-dashoffset:224;}.animated .KKGjMayV_4{animation:KKGjMayV_draw 133ms ease-out 788ms forwards;}.KKGjMayV_5{stroke-dasharray:57 59;stroke-dashoffset:58;}.animated .KKGjMayV_5{animation:KKGjMayV_draw 34ms ease-out 922ms forwards;}.KKGjMayV_6{stroke-dasharray:82 84;stroke-dashoffset:83;}.animated .KKGjMayV_6{animation:KKGjMayV_draw 49ms ease-out 956ms forwards;}.KKGjMayV_7{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_7{animation:KKGjMayV_draw 8ms ease-out 1005ms forwards;}.KKGjMayV_8{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_8{animation:KKGjMayV_draw 8ms ease-out 1014ms forwards;}.KKGjMayV_9{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_9{animation:KKGjMayV_draw 8ms ease-out 1023ms forwards;}.KKGjMayV_10{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_10{animation:KKGjMayV_draw 8ms ease-out 1032ms forwards;}.KKGjMayV_11{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_11{animation:KKGjMayV_draw 8ms ease-out 1041ms forwards;}.KKGjMayV_12{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_12{animation:KKGjMayV_draw 8ms ease-out 1050ms forwards;}.KKGjMayV_13{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_13{animation:KKGjMayV_draw 8ms ease-out 1059ms forwards;}.KKGjMayV_14{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_14{animation:KKGjMayV_draw 8ms ease-out 1068ms forwards;}.KKGjMayV_15{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_15{animation:KKGjMayV_draw 8ms ease-out 1077ms forwards;}.KKGjMayV_16{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_16{animation:KKGjMayV_draw 8ms ease-out 1086ms forwards;}.KKGjMayV_17{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_17{animation:KKGjMayV_draw 8ms ease-out 1095ms forwards;}.KKGjMayV_18{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_18{animation:KKGjMayV_draw 8ms ease-out 1104ms forwards;}.KKGjMayV_19{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_19{animation:KKGjMayV_draw 8ms ease-out 1113ms forwards;}.KKGjMayV_20{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_20{animation:KKGjMayV_draw 8ms ease-out 1122ms forwards;}.KKGjMayV_21{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_21{animation:KKGjMayV_draw 8ms ease-out 1130ms forwards;}.KKGjMayV_22{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_22{animation:KKGjMayV_draw 8ms ease-out 1139ms forwards;}.KKGjMayV_23{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_23{animation:KKGjMayV_draw 8ms ease-out 1148ms forwards;}.KKGjMayV_24{stroke-dasharray:14 16;stroke-dashoffset:15;}.animated .KKGjMayV_24{animation:KKGjMayV_draw 8ms ease-out 1157ms forwards;}.KKGjMayV_25{stroke-dasharray:660 662;stroke-dashoffset:661;}.animated .KKGjMayV_25{animation:KKGjMayV_draw 393ms ease-out 1166ms forwards;}.KKGjMayV_26{stroke-dasharray:364 366;stroke-dashoffset:365;}.animated .KKGjMayV_26{animation:KKGjMayV_draw 217ms ease-out 1560ms forwards;}.KKGjMayV_27{stroke-dasharray:37 39;stroke-dashoffset:38;}.animated .KKGjMayV_27{animation:KKGjMayV_draw 22ms ease-out 1777ms forwards;}@keyframes KKGjMayV_draw{100%{stroke-dashoffset:0;}}@keyframes KKGjMayV_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** diamond **/ .st12{fill:none;stroke:#000;stroke-width:2} .tWueWLiC_0{stroke-dasharray:1143 1145;stroke-dashoffset:1144;}.animated .tWueWLiC_0{animation:tWueWLiC_draw 1035ms ease-out 0ms forwards;}.tWueWLiC_1{stroke-dasharray:717 719;stroke-dashoffset:718;}.animated .tWueWLiC_1{animation:tWueWLiC_draw 650ms ease-out 1035ms forwards;}.tWueWLiC_2{stroke-dasharray:62 64;stroke-dashoffset:63;}.animated .tWueWLiC_2{animation:tWueWLiC_draw 57ms ease-out 1685ms forwards;}.tWueWLiC_3{stroke-dasharray:62 64;stroke-dashoffset:63;}.animated .tWueWLiC_3{animation:tWueWLiC_draw 57ms ease-out 1742ms forwards;}@keyframes tWueWLiC_draw{100%{stroke-dashoffset:0;}}@keyframes tWueWLiC_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** screens **/ .st13{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .DJECayci_0{stroke-dasharray:726 728;stroke-dashoffset:727;}.animated .DJECayci_0{animation:DJECayci_draw 632ms ease-out 0ms forwards;}.DJECayci_1{stroke-dasharray:860 862;stroke-dashoffset:861;}.animated .DJECayci_1{animation:DJECayci_draw 749ms ease-out 632ms forwards;}.DJECayci_2{stroke-dasharray:46 48;stroke-dashoffset:47;}.animated .DJECayci_2{animation:DJECayci_draw 40ms ease-out 1381ms forwards;}.DJECayci_3{stroke-dasharray:93 95;stroke-dashoffset:94;}.animated .DJECayci_3{animation:DJECayci_draw 81ms ease-out 1422ms forwards;}.DJECayci_4{stroke-dasharray:46 48;stroke-dashoffset:47;}.animated .DJECayci_4{animation:DJECayci_draw 40ms ease-out 1504ms forwards;}.DJECayci_5{stroke-dasharray:292 294;stroke-dashoffset:293;}.animated .DJECayci_5{animation:DJECayci_draw 254ms ease-out 1545ms forwards;}@keyframes DJECayci_draw{100%{stroke-dashoffset:0;}}@keyframes DJECayci_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** cheers **/ .st14{fill:none;stroke:#000;stroke-width:2;stroke-linejoin:round;} .IfAyJaGG_0{stroke-dasharray:428 430;stroke-dashoffset:429;}.animated .IfAyJaGG_0{animation:IfAyJaGG_draw 306ms ease-out 0ms forwards;}.IfAyJaGG_1{stroke-dasharray:70 72;stroke-dashoffset:71;}.animated .IfAyJaGG_1{animation:IfAyJaGG_draw 50ms ease-out 306ms forwards;}.IfAyJaGG_2{stroke-dasharray:59 61;stroke-dashoffset:60;}.animated .IfAyJaGG_2{animation:IfAyJaGG_draw 42ms ease-out 357ms forwards;}.IfAyJaGG_3{stroke-dasharray:59 61;stroke-dashoffset:60;}.animated .IfAyJaGG_3{animation:IfAyJaGG_draw 42ms ease-out 399ms forwards;}.IfAyJaGG_4{stroke-dasharray:95 97;stroke-dashoffset:96;}.animated .IfAyJaGG_4{animation:IfAyJaGG_draw 68ms ease-out 442ms forwards;}.IfAyJaGG_5{stroke-dasharray:428 430;stroke-dashoffset:429;}.animated .IfAyJaGG_5{animation:IfAyJaGG_draw 306ms ease-out 511ms forwards;}.IfAyJaGG_6{stroke-dasharray:70 72;stroke-dashoffset:71;}.animated .IfAyJaGG_6{animation:IfAyJaGG_draw 50ms ease-out 817ms forwards;}.IfAyJaGG_7{stroke-dasharray:59 61;stroke-dashoffset:60;}.animated .IfAyJaGG_7{animation:IfAyJaGG_draw 42ms ease-out 868ms forwards;}.IfAyJaGG_8{stroke-dasharray:59 61;stroke-dashoffset:60;}.animated .IfAyJaGG_8{animation:IfAyJaGG_draw 42ms ease-out 911ms forwards;}.IfAyJaGG_9{stroke-dasharray:95 97;stroke-dashoffset:96;}.animated .IfAyJaGG_9{animation:IfAyJaGG_draw 68ms ease-out 953ms forwards;}.IfAyJaGG_10{stroke-dasharray:428 430;stroke-dashoffset:429;}.animated .IfAyJaGG_10{animation:IfAyJaGG_draw 306ms ease-out 1022ms forwards;}.IfAyJaGG_11{stroke-dasharray:70 72;stroke-dashoffset:71;}.animated .IfAyJaGG_11{animation:IfAyJaGG_draw 50ms ease-out 1328ms forwards;}.IfAyJaGG_12{stroke-dasharray:59 61;stroke-dashoffset:60;}.animated .IfAyJaGG_12{animation:IfAyJaGG_draw 42ms ease-out 1379ms forwards;}.IfAyJaGG_13{stroke-dasharray:59 61;stroke-dashoffset:60;}.animated .IfAyJaGG_13{animation:IfAyJaGG_draw 42ms ease-out 1422ms forwards;}.IfAyJaGG_14{stroke-dasharray:95 97;stroke-dashoffset:96;}.animated .IfAyJaGG_14{animation:IfAyJaGG_draw 68ms ease-out 1465ms forwards;}.IfAyJaGG_15{stroke-dasharray:45 47;stroke-dashoffset:46;}.animated .IfAyJaGG_15{animation:IfAyJaGG_draw 32ms ease-out 1533ms forwards;}.IfAyJaGG_16{stroke-dasharray:38 40;stroke-dashoffset:39;}.animated .IfAyJaGG_16{animation:IfAyJaGG_draw 27ms ease-out 1566ms forwards;}.IfAyJaGG_17{stroke-dasharray:35 37;stroke-dashoffset:36;}.animated .IfAyJaGG_17{animation:IfAyJaGG_draw 25ms ease-out 1594ms forwards;}.IfAyJaGG_18{stroke-dasharray:62 64;stroke-dashoffset:63;}.animated .IfAyJaGG_18{animation:IfAyJaGG_draw 44ms ease-out 1620ms forwards;}.IfAyJaGG_19{stroke-dasharray:79 81;stroke-dashoffset:80;}.animated .IfAyJaGG_19{animation:IfAyJaGG_draw 57ms ease-out 1665ms forwards;}.IfAyJaGG_20{stroke-dasharray:66 68;stroke-dashoffset:67;}.animated .IfAyJaGG_20{animation:IfAyJaGG_draw 47ms ease-out 1722ms forwards;}.IfAyJaGG_21{stroke-dasharray:41 43;stroke-dashoffset:42;}.animated .IfAyJaGG_21{animation:IfAyJaGG_draw 29ms ease-out 1770ms forwards;}@keyframes IfAyJaGG_draw{100%{stroke-dashoffset:0;}}@keyframes IfAyJaGG_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** monitors **/ .st15{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .qbNAiBJo_0{stroke-dasharray:1214 1216;stroke-dashoffset:1215;}.animated .qbNAiBJo_0{animation:qbNAiBJo_draw 735ms ease-out 0ms forwards;}.qbNAiBJo_1{stroke-dasharray:50 52;stroke-dashoffset:51;}.animated .qbNAiBJo_1{animation:qbNAiBJo_draw 30ms ease-out 735ms forwards;}.qbNAiBJo_2{stroke-dasharray:50 52;stroke-dashoffset:51;}.animated .qbNAiBJo_2{animation:qbNAiBJo_draw 30ms ease-out 766ms forwards;}.qbNAiBJo_3{stroke-dasharray:174 176;stroke-dashoffset:175;}.animated .qbNAiBJo_3{animation:qbNAiBJo_draw 105ms ease-out 797ms forwards;}.qbNAiBJo_4{stroke-dasharray:308 310;stroke-dashoffset:309;}.animated .qbNAiBJo_4{animation:qbNAiBJo_draw 187ms ease-out 903ms forwards;}.qbNAiBJo_5{stroke-dasharray:497 499;stroke-dashoffset:498;}.animated .qbNAiBJo_5{animation:qbNAiBJo_draw 301ms ease-out 1090ms forwards;}.qbNAiBJo_6{stroke-dasharray:672 674;stroke-dashoffset:673;}.animated .qbNAiBJo_6{animation:qbNAiBJo_draw 407ms ease-out 1392ms forwards;}@keyframes qbNAiBJo_draw{100%{stroke-dashoffset:0;}}@keyframes qbNAiBJo_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** team **/ .st16{fill:none;stroke:#000;stroke-width:2;stroke-linejoin:round;} .DaWjqrvu_0{stroke-dasharray:623 625;stroke-dashoffset:624;}.animated .DaWjqrvu_0{animation:DaWjqrvu_draw 575ms ease-out 0ms forwards;}.DaWjqrvu_1{stroke-dasharray:0 2;stroke-dashoffset:1;}.animated .DaWjqrvu_1{animation:DaWjqrvu_draw 0ms ease-out 575ms forwards;}.DaWjqrvu_2{stroke-dasharray:356 358;stroke-dashoffset:357;}.animated .DaWjqrvu_2{animation:DaWjqrvu_draw 329ms ease-out 576ms forwards;}.DaWjqrvu_3{stroke-dasharray:447 449;stroke-dashoffset:448;}.animated .DaWjqrvu_3{animation:DaWjqrvu_draw 413ms ease-out 905ms forwards;}.DaWjqrvu_4{stroke-dasharray:314 316;stroke-dashoffset:315;}.animated .DaWjqrvu_4{animation:DaWjqrvu_draw 290ms ease-out 1318ms forwards;}.DaWjqrvu_5{stroke-dasharray:206 208;stroke-dashoffset:207;}.animated .DaWjqrvu_5{animation:DaWjqrvu_draw 190ms ease-out 1609ms forwards;}@keyframes DaWjqrvu_draw{100%{stroke-dashoffset:0;}}@keyframes DaWjqrvu_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** pie-chart **/ .st17{fill:none;stroke:#000;stroke-width:2;stroke-miterlimit:10;} .pzvsUFQj_0{stroke-dasharray:1138 1140;stroke-dashoffset:1139;}.animated .pzvsUFQj_0{animation:pzvsUFQj_draw 947ms ease-out 0ms forwards;}.pzvsUFQj_1{stroke-dasharray:606 608;stroke-dashoffset:607;}.animated .pzvsUFQj_1{animation:pzvsUFQj_draw 505ms ease-out 947ms forwards;}.pzvsUFQj_2{stroke-dasharray:150 152;stroke-dashoffset:151;}.animated .pzvsUFQj_2{animation:pzvsUFQj_draw 125ms ease-out 1452ms forwards;}.pzvsUFQj_3{stroke-dasharray:265 267;stroke-dashoffset:266;}.animated .pzvsUFQj_3{animation:pzvsUFQj_draw 221ms ease-out 1578ms forwards;}@keyframes pzvsUFQj_draw{100%{stroke-dashoffset:0;}}@keyframes pzvsUFQj_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** edit **/ .st18{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;} .UIhZaLnK_0{stroke-dasharray:591 593;stroke-dashoffset:592;}.animated .UIhZaLnK_0{animation:UIhZaLnK_draw 646ms ease-out 0ms forwards;}.UIhZaLnK_1{stroke-dasharray:44 46;stroke-dashoffset:45;}.animated .UIhZaLnK_1{animation:UIhZaLnK_draw 49ms ease-out 646ms forwards;}.UIhZaLnK_2{stroke-dasharray:1009 1011;stroke-dashoffset:1010;}.animated .UIhZaLnK_2{animation:UIhZaLnK_draw 1103ms ease-out 696ms forwards;}@keyframes UIhZaLnK_draw{100%{stroke-dashoffset:0;}}@keyframes UIhZaLnK_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}} /** guide **/ .st19{fill:none;stroke:#000;stroke-width:2;stroke-miterlimit:10;} .VAuwgNdl_0{stroke-dasharray:1066 1068;stroke-dashoffset:1067;}.animated .VAuwgNdl_0{animation:VAuwgNdl_draw 673ms ease-out 0ms forwards;}.VAuwgNdl_1{stroke-dasharray:302 304;stroke-dashoffset:303;}.animated .VAuwgNdl_1{animation:VAuwgNdl_draw 191ms ease-out 673ms forwards;}.VAuwgNdl_2{stroke-dasharray:172 174;stroke-dashoffset:173;}.animated .VAuwgNdl_2{animation:VAuwgNdl_draw 109ms ease-out 865ms forwards;}.VAuwgNdl_3{stroke-dasharray:96 98;stroke-dashoffset:97;}.animated .VAuwgNdl_3{animation:VAuwgNdl_draw 61ms ease-out 974ms forwards;}.VAuwgNdl_4{stroke-dasharray:96 98;stroke-dashoffset:97;}.animated .VAuwgNdl_4{animation:VAuwgNdl_draw 61ms ease-out 1035ms forwards;}.VAuwgNdl_5{stroke-dasharray:96 98;stroke-dashoffset:97;}.animated .VAuwgNdl_5{animation:VAuwgNdl_draw 61ms ease-out 1097ms forwards;}.VAuwgNdl_6{stroke-dasharray:299 301;stroke-dashoffset:300;}.animated .VAuwgNdl_6{animation:VAuwgNdl_draw 189ms ease-out 1158ms forwards;}.VAuwgNdl_7{stroke-dasharray:246 248;stroke-dashoffset:247;}.animated .VAuwgNdl_7{animation:VAuwgNdl_draw 156ms ease-out 1347ms forwards;}.VAuwgNdl_8{stroke-dasharray:468 470;stroke-dashoffset:469;}.animated .VAuwgNdl_8{animation:VAuwgNdl_draw 296ms ease-out 1503ms forwards;}@keyframes VAuwgNdl_draw{100%{stroke-dashoffset:0;}}@keyframes VAuwgNdl_fade{0%{stroke-opacity:1;}93.33333333333333%{stroke-opacity:1;}100%{stroke-opacity:0;}}