:root {
    --bs-body-font-family: "Krub", system-ui;
    --bs-font-monospace: "Rubik", system-ui;
    --bs-body-font-size: 1.25rem;
    --bs-body-font-weight: 500;
    --bs-body-line-height: 1.875rem;
    --bs-body-color: #666C89;

    --bs-dark: #333;
    --bs-dark-rgb: 28, 31, 53;
    --bs-primary: #4762FF;
    --bs-primary-rgb: 71, 98, 255;
    --bs-primary-text-emphasis: #1C1F35;
    --bs-light-rgb: 244, 244, 244;

    --bs-box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.10);
}
.site {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 115px;
}
.site > main {flex: 1;}
.preloader {
    top: 0;
    left: 0;
    z-index: 1099;
}

/* Typography */
strong {font-weight: 700;}
h2 {
    font-size: 3rem;
    line-height: normal;
}
h4 {
    font-size: 1.5rem;
    line-height: normal;
}

a {
    color: var(--bs-primary);
}

/* buttons */
.btn:not(.btn-link) {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: .59375rem;
    --bs-btn-font-family: var(--bs-font-monospace);
    --bs-btn-font-size: 1.125rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.375rem;
    --bs-btn-border-radius: .5rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.btn:not(.btn-link)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    visibility: hidden;
    border-radius: var(--bs-btn-border-radius);
    transition: all .3s ease-in-out;
    z-index: -1;
}
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: none;
}
.btn-primary:hover:before {
    visibility: visible;
    transition: all .3s ease-in-out;
}
.btn-primary:active:before {
    visibility: visible;
    background-color: rgba(0, 0, 0, .4);
    transition: all .3s ease-in-out;
}
.btn.btn-lg {
    --bs-btn-padding-y: 0.8125rem;
    --bs-btn-padding-x: 2.3125rem;
	min-width: 236px;
}
.btn-outline-light {
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--bs-primary-text-emphasis);
    --bs-btn-border-color: rgba(28, 31, 53, 0.10);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-primary-text-emphasis);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-bg: rgba(0, 0, 0, 0.05);
    --bs-btn-active-border-color: rgba(28, 31, 53, 0.10);
    --bs-btn-active-shadow: none;
    border-width: 2px;
}

/* HEADER */
.site-header__top-info {
    font-size: .875rem;
    font-family: var(--bs-font-monospace);
    font-weight: 400;
    line-height: 1.2rem;
    padding-top: 9px;
    padding-bottom: 9px;
}
.site-header__top-info a {
    color: var(--bs-white);
    text-decoration: none;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 1rem;
  --bs-navbar-color: var(--bs-dark);
  --bs-navbar-hover-color: var(--bs-primary);
  --bs-navbar-active-color: var(--bs-primary);
  --bs-navbar-brand-padding-y: 0;
  --bs-navbar-brand-margin-end: 0;
  --bs-navbar-nav-link-padding-x: 1.5rem;
  --bs-navbar-toggler-padding-y: 0;
  --bs-navbar-toggler-padding-x: 0;
  --bs-navbar-toggler-icon-bg: unset;
  --bs-navbar-toggler-border-color: none;
  --bs-navbar-toggler-border-radius: 0;
  --bs-navbar-toggler-focus-width: 0;
  font-size: 1rem;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar-brand img {
    width: 120px;
    height: 38px;
    object-fit: contain;
}
.navbar-nav {
    --bs-nav-link-font-weight: 500;
}

/* HERO Section */
.cdl-hero {
    background-color: #EFEFEF;
    height: 100vh;
    max-height: 820px;
    padding-bottom: 64px;
    padding-top: 60px;
    font-size: 1.5rem;
    line-height: 2.25rem;
}
.cdl-hero::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    background: linear-gradient(180deg, rgba(239, 239, 239, 0.00) 0%, #EFEFEF 60.94%);
}
.cdl-hero__cover {
    background-color: #EFEFEF;
    background-blend-mode: multiply;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 55vw;
    height: 100%;
}
.cdl-hero__cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 100%;
    background: linear-gradient(270deg, rgba(239, 239, 239, 0.00) 0%, #EFEFEF 100%);
}
.cdl-hero h1 {
    color: #1C1F35;
    font-feature-settings: 'liga' off;
    font-family: var(--bs-font-monospace);
    font-size: 55px;
    font-weight: 900;
    line-height: 110%; /* 60.5px */
    margin-bottom: 16px;
}
.cdl-hero h1 span,
.cdl-hero h1 strong {
    color: var(--bs-primary);
    font-weight: 900;
}
.cdl-hero p {margin-bottom: 30px;}

/* shocase new content */
.cdl-hero__form {padding: 45px;}
.cdl-hero__form .wpcf7-form-control.wpcf7-acceptance {font-size: .75rem;}
.cdl-hero__form .form-group--terms {margin-bottom: 0;}
.cdl-hero__mockup {
    margin-bottom: 44px;
    padding: 0 30px;
}
.cdl-hero__mockup::after,
.cdl-hero__mockup::before {
    position: absolute;
    opacity: 0;
}
.cdl-hero__mockup::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='76' viewBox='0 0 76 76' fill='none'%3E%3Cpath d='M6.10352e-05 -6.61288e-06C6.01667e-05 9.93351 1.95661 19.7698 5.758 28.9471C9.55939 38.1245 15.1312 46.4633 22.1552 53.4873C29.1793 60.5114 37.5181 66.0832 46.6954 69.8846C55.8728 73.686 65.7091 75.6425 75.6426 75.6425L75.6426 0L6.10352e-05 -6.61288e-06Z' fill='%234762FF'/%3E%3C/svg%3E");
    width: 75px;
    height: 75px;
    bottom: 0;
    right: 0;
    margin-bottom: -20px;
    animation: fadeInRight .3s ease-in .9s 1 forwards;
}
.cdl-hero__mockup::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='126' viewBox='0 0 20 126' fill='none'%3E%3Cpath d='M6 5.5L16 16.5L6 26.5L14.5 35L6 43.5L14.5 52L6 60.5L14.5 69L6 77.5L14.5 86L6 94.5L14.5 103L6 111.5L14.5 120' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='14' cy='120' r='5' transform='rotate(90 14 120)' fill='%234762FF' stroke='white' stroke-width='2'/%3E%3Ccircle cx='6' cy='6' r='5' transform='rotate(90 6 6)' fill='%234762FF' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    left: 0;
    bottom: 0;
    width: 20px;
    height: 126px;
    animation: fadeInUp .3s ease-in .6s 1 forwards;
}


/* about */
.cdl-about {
    background: #EFEFEF;
    padding-top: 103px;
    padding-bottom: 153px;
}
.cdl-about h2 {
    margin-bottom: 12px;
}
.cdl-about .row,
.cdl-wwwus .row {
    --bs-gutter-x: 60px;
    margin-bottom: 40px;
}
.cdl-about__images {
    padding-bottom: 40px;
}
.cdl-about__images .cdl-about__img-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.cdl-about__images .cdl-about__img-item:first-of-type {
    float: right;
    width: 726px;
    height: 486px;
    margin-right: 30px;
    position: relative;
}
.cdl-about__images .cdl-about__img-item:last-of-type {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 20px solid #EFEFEF;
    width: 320px;
    height: 305px;
    transition-delay: .6s;
}
.cdl-wwwus {
    padding-bottom: 52px;
}
.cdl-wwwus .container {
    margin-top: -145px;
    position: relative;
    padding: 85px 45px 60px;
    z-index: 3;
}
.cdl-wwwus__top-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 500px;
}
/* .cdl-wwwus__top-cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(94deg, #FFB629 -1.21%, #FFDA56 58.66%, #FFD7A6 116.84%);
} */
.cdl-wwwus h2 {
    margin-bottom: 48px;
}
.custom-checked-list {
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
}
.custom-checked-list li {
    margin-bottom: 25px;
    padding-left: 44px;
    position: relative;
}
.custom-checked-list li::before {
    content: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='14' fill='%234762FF' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4458 8.62172L12.0925 16.6834L9.87584 14.3151C9.4675 13.9301 8.82584 13.9067 8.35917 14.2334C7.90417 14.5717 7.77584 15.1667 8.05584 15.6451L10.6808 19.9151C10.9375 20.3117 11.3808 20.5567 11.8825 20.5567C12.3608 20.5567 12.8158 20.3117 13.0725 19.9151C13.4925 19.3667 21.5075 9.81172 21.5075 9.81172C22.5575 8.73839 21.2858 7.79339 20.4458 8.61005V8.62172Z' fill='%234762FF'/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.custom-checked-list h4 {margin-bottom: 13px;} 
.cdl-wwwus .custom-checked-list {margin-bottom: 48px;}
.cdl-wwwus__images {height: 100%;}
.cdl-wwwus__images .cdl-wwwus__img-item {
    background-size: cover;
    background-position: center;
}
.cdl-wwwus__images .cdl-wwwus__img-item:first-of-type {
    width: 495px;
    height: 415px;
    float: right;
}
.cdl-wwwus__images .cdl-wwwus__img-item:last-of-type {
    position: absolute;
    left: 30px;
    bottom: -50px;
    border: 20px solid var(--bs-white);
    border-left: none;
    border-bottom: none;
    width: 325px;
    height: 225px;
    transition-delay: .5s;
}

.cdl-counters__item {
    padding-top: 46px;
    padding-bottom: 38px;
    position: relative;
}
.cdl-counters .cdl-counters__item:first-of-type {
    border-right: 1px solid #D4D4D4;
    padding-left: 30px;
}
.cdl-counters .cdl-counters__item:last-of-type {justify-content: flex-end;}
.cdl-counters h3 {
    font-size: 3.125rem;
    line-height: normal;
    margin-right: 16px;
}

.cdl-companies {
    background-color: #F4F4F4;
    padding-top: 81px;
    padding-bottom: 53px;
}
.cdl-companies__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50vw - 7px);
    height: 100%;
    background-size: cover;
    background-position: center;
}
.cdl-companies__description {
    padding-right: 140px;
    padding-left: 100px;
}
.cdl-companies h2,
.cdl-companies .custom-checked-list {margin-bottom: 44px;}

.cdl-steps {
    margin-bottom: 65px;
    padding-top: 103px;
    padding-bottom: 103px;
    overflow: hidden;
}
.cdl-steps .row {
    --bs-gutter-x: 60px;
}
.cdl-steps h2 {
    margin-top: 14px;
    margin-bottom: 65px;
}
.custom-icon-list {margin-bottom: 0;}
.custom-icon-list li:not(:last-child) {margin-bottom: 30px;}
.custom-icon-list .icon {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 19px;
    min-width: 48px;
    width: 48px;
    height: 48px;
}
.cdl-steps__images .cdl-steps__img-item {
    background-size: cover;
    background-position: center;
}
.cdl-steps__images .cdl-steps__img-item:first-of-type {
    float: left;
    width: 50vw;
    height: 486px;
}
.cdl-steps__images .cdl-steps__img-item:last-of-type {
    position: absolute;
    border-width: 20px 0 0 20px;
    border-style: solid;
    border-color: var(--bs-white);
    right: 0;
    bottom: 80px;
    width: 320px;
    height: 320px;
    transition-delay: .5s;
}

.cdl-reviews {
    padding-top: 98px;
    padding-bottom: 98px;
}
.cdl-reviews__intro {
    margin-bottom: 40px;
}
.reviews-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.reviews-controls__btn {
    border-radius: 100px;
    background: #E9E9E9;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 44px;
    height: 44px;
    transition: all .3s ease-in-out;
}
.reviews-controls__btn:hover {
    background-color: var(--bs-primary);
    transition: all .3s ease-in-out;
}
.reviews-controls__btn:hover svg path {
    stroke: var(--bs-white);
    transition: all .3s ease-in-out;
}
.cdl-reviews__slick {
    border-radius: 16px;
    overflow: hidden;
}
.cdl-reviews__item {
    background-color: var(--bs-white);
    display: flex !important;
    flex-direction: column;
    height: 375px;
    padding: 62px 72px;
}
.cdl-reviews__item .icon {
    position: absolute;
    top: 0;
    right: 0;
    margin: 62px 72px 0 0;
}
.cdl-reviews__item .icon svg {
    width: 70px;
    height: 70px;
}
.cdl-reviews__item .user {
    font-size: 1rem;
    margin-bottom: 25px;
}
.cdl-reviews__item .user img {
    width: 70px;
    height: 70px;
    min-width: 70px;
    margin-right: 10px;
}
.cdl-reviews__item .user h5 {
    color: var(--bs-primary-text-emphasis);
    margin-bottom: 0;
}
.cdl-reviews__item .content {
    margin-bottom: 32px;
    padding-right: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    flex: 1;
}
.cdl-reviews__item:nth-of-type(2n) {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}
.cdl-reviews__item:nth-of-type(2n) .user h5 {
    color: var(--bs-white);
}
.cdl-reviews__item .stars svg path {transition: all .3s ease-in-out;}
.cdl-reviews__item:hover .stars svg path {fill: var(--bs-yellow);}
.cdl-reviews__item:hover .stars svg path:nth-of-type(2) {transition-delay: .1s;}
.cdl-reviews__item:hover .stars svg path:nth-of-type(3) {transition-delay: .2s;}
.cdl-reviews__item:hover .stars svg path:nth-of-type(4) {transition-delay: .3s;}
.cdl-reviews__item:hover .stars svg path:last-of-type {transition-delay: .4s;}

.cdl-contacts {
    background-size: cover;
    background-position: center;
    padding: 85px 0;
}
.cdl-contacts__form-wrap {
    padding: 44px;
}
.cdl-contacts__form-wrap h3 {
    font-size: 2.25rem;
    line-height: 130%;
    margin-bottom: 16px;
}
.cdl-contacts__form-wrap h3 span {color: var(--bs-primary);}
.cdl-contacts__form-heading {margin-bottom: 36px;}
.cdl-contacts__form-content {margin-bottom: 10px;}
.cdl-contacts__form-footer small {
    display: block;
    font-size: 9px;
    line-height: 150%;
}

.wpcf7-form {position: relative;}
.form-group {margin-bottom: 16px;}
.cdl-contacts__form .form-group:last-of-type {margin-bottom: 36px;}
.form-group .form-control {
    border-radius: 8px;
    background: rgba(28, 31, 53, 0.05);
    border-color: transparent;
    height: 56px;
    padding: 18px 20px;
}
.form-group .form-control:active,
.form-group .form-control:focus {
    border-color: rgba(28, 31, 53, 1);
    box-shadow: none;
    outline: none;
}
.wpcf7-form-control.wpcf7-submit {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    padding: 22px 30px;
    width: 100%;
    margin-top: 21px;
}
.wpcf7-spinner {
    position: absolute;
    right: 0;
    z-index: 2;
    margin-top: 20px;
}
.wpcf7-response-output {
    border-radius: 8px;
    font-size: .875rem;
    margin: 20px 0 0;
}
.custom-radios-group .wpcf7-radio {
    min-width: 100%;
    display: flex;
    align-items: center;
}
.wpcf7-radio .wpcf7-list-item {
    flex: 0 0 50%;
    min-width: 50%;
    background-color: var(--bs-white);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 111%;
    text-align: center;
    border: 1px solid #D0D5DD;
    margin: 0 -1px;
    padding: 22px 16px;
    position: relative;
    overflow: hidden;
}
.wpcf7-radio .wpcf7-list-item input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3;
    cursor: pointer;
}
.wpcf7-radio .wpcf7-list-item.first {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.wpcf7-radio .wpcf7-list-item.last {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: var(--bs-font-monospace);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #344054;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label::before {
    background-color: var(--bs-primary);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
}
.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::before {opacity: 1;}
.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {color: var(--bs-white);}
.wpcf7-radio .wpcf7-list-item:hover .wpcf7-list-item-label {
    background-color: var(--bs-primary);
    color: var(--bs-white);
    transition: all .3s ease-in-out;
}
.wpcf7-acceptance {
    font-size: .875rem;
    line-height: 1.5rem;
}
.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item > label {
    display: flex;
    align-items: flex-start;
    column-gap: 4px;
}
.form-group__label {
    color: var(--bs-black);
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 7px;
}
.form-radio {display: flex;}

/* response */
.cdl-contacts__form--response {
    padding: 60px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 19;
}
.cdl-contacts__form--response .icon {
    border-radius: 50%;
    border: 37.143px solid rgba(71, 98, 255, 0.05);
    background: rgba(71, 98, 255, 0.10);
    display: flex;
    padding: 77.085px 56.601px 69.116px 73.436px;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 60px;
}
.cdl-contacts__form--response.active .icon svg {
    animation: zoomInDown 1s ease-in 0s 1 forwards;
}


/* footer */
.site-footer {
    padding-top: 48px;
}
.site-footer a {
    color: #666C89;
    text-decoration: none;
}
.site-footer a:hover {text-decoration: underline;}
.site-footer h5 {
    font-size: 1.25rem;
    line-height: 150%;
    margin-bottom: 15px;
}
.site-footer-menu {margin-bottom: 48px;}
.site-footer-menu li:not(:last-of-type){margin-bottom: 16px;}
.site-footer-menu--socials li img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 10px;
}

.copyright {
    color: #666C89;
    border-top: 1px solid rgba(102, 108, 137, 0.50);
    font-size: .875rem;
    font-weight: 400;
    line-height: 170%;
    padding: 48px 0;
}
.copyright .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.copyright .heart {
    animation: heartbeat 1s infinite;
}


/* 404 page */
.error404 .site {padding-top: 0;}
.error-404 {
    color: #666C89;
    font-size: 1rem;
    height: 100vh;
    padding-top: 133px;
}
.gigant-numbers {
    color: #1C1F35;
    text-align: center;
    font-family: Rubik;
    font-size: 350px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.gigant-numbers span {color: #4762FF;}
.error-404 .page-title {
    color: #1C1F35;
    text-align: center;
    font-family: Rubik;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 7px;
}
.error-404 p {margin-bottom: 26px;}
.error-404 .btn {min-width: 196px;}

/* DEFAULT TEmplate */
.type-page {
	padding-top: 40px;
	padding-bottom: 40px;
}
.type-page h1,
.type-page h2,
.type-page h3 {
	color: var(--bs-black);
	font-family: var(--bs-font-monospace);
	font-weight: 700;
}

/* heart animations */
@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}


@-webkit-keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}
@keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }