/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

p {
    line-height: 1.6;
}

.summary-inner p:not(.calculadora p) {
    margin: 0;
}

.menu-mega-dropdown .sub-menu > li > a {
    text-align: center !important;
}

#menu-categories, #menu-categories li {
    background: rgba(255, 255, 255, 0.5) !important;
}

select, .menu-mega-dropdown .sub-menu > li > a, .mega-menu-list > li > a, .color-scheme-light .mega-menu-list > li > a, .sub-sub-menu > li > a, .menu-item-design-default ul li a, .cat-item, .layer-term-name, .breadcrumb-last {
    text-transform: capitalize !important;
}

.main-nav .item-level-0 > a {
    font-size: 0.8rem !important;
}

.related-products .panel, .related-products .accordion, .related-products .fancybox, .woodmart-shopping-cart a[name="add-to-cart"], .woodmart-cart-subtotal, .woodmart-cart-totals, .preciobase, .woodmart-shopping-cart .panel, .woodmart-shopping-cart #inline, .woodmart-shopping-cart > span, .woodmart-products-per-page, .woodmart-products-shop-view, .woocommerce-product-details__short-description, .entry-meta-list, .woodmart-entry-meta .meta-author a {
    display: none;
}

.btn, .button, button, .added_to_cart, [type="submit"], [type="button"], .woocommerce-message, .wpcf7-mail-sent-ok, #yith-wcwl-popup-message, .dokan-store-contact .alert-success, .yith_ywraq_add_item_product_message {
    background-color: #f05423;
    color: white;
}

.grecaptcha-badge {
    visibility: hidden;
}

.calculadora {
    width: 100%;
    max-width: 89.8%;
    border: 2px dashed #f05423;
    padding: 20px;
    margin: 0 0 10px 0;
    text-align: center;
    float: left;
}

.calculadora p {
    float: left;
    width: 48%;
    position: relative;
}

.woodmart-checkout-steps ul li span {
    text-shadow: 2px 1px 3px black;
}

.woocommerce-info, .notifications-sticky .woocommerce-message {
    z-index: 999999;
}

.woocommerce-info {
    background-color: rgba(0, 45, 114, 1) !important;
    padding: 25px!important;
    color: white!important;
    background-image: radial-gradient(circle at 120.71% 50%, #9eaaff 0, #486ee5 50%, #003685 100%);
}

.woocommerce-info a{
    color: #2d2a2a;
}

.calculadora input, .calculadora select {
    border: 2px solid #f05423;
}

.calculadora i.sugerido {
    position: absolute;
    top: 40px;
    left: 21.1%;
    height: 0;
    font-size: 12px;
    float: left;
}

.commentlist .comment-text {
    width: 100%;
}

/* Chrome, Safari, Edge, Opera */
.calculadora input::-webkit-outer-spin-button,
.calculadora input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.calculadora input[type=number] {
    -moz-appearance: textfield;
}


.calculadora select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNmMDU0MjMiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==");
}

.calcular {
    margin-top: 10px;
}

.vertical-navigation {
    cursor: pointer;
}

td.product-name a, .product_title, .product-title {
    text-transform: capitalize !important;
}

.product-title {
    min-height: 36px;
}

.btns-default-dark .widget_shopping_cart .buttons .btn-cart, .btns-default-dark .widget_price_filter .price_slider_amount .button, .btns-default-dark .cart-totals-inner .shipping-calculator-form .button, .btns-default-dark .cart-actions .button[name=update_cart], .btns-default-dark .woodmart-switch-to-register, .btns-default-dark .wcmp-quick-info-wrapper input[type=submit], .btns-default-dark .simplePopup .submit-report-abuse, .btns-default-dark .vendor_sort input[type=submit], .btns-default-dark #dokan-form-contact-seller.seller-form input.dokan-btn-theme {
    color: white;
}

.whb-column > .woodmart-button-wrapper {
    padding: 0;
}

a.btn {
    font-weight: 300;
}

.product-image-summary .entry-title {
    font-size: 1rem;
}

.product-grid-item #inline + span {
    display: none;
}

div.wpcf7-response-output {
    display: none;
    z-index: 999999 !important;
}

input[type="radio"], input[type="checkbox"] {
    width: 17px;
    height: 17px;
}

/*********************
Start Form Switcher CSS
*********************/

.form-switcher {
    position: fixed;
    bottom: 5%;
    right: 0;
    width: 400px;
    background: #f5f7f8;
    z-index: 9999999;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    padding: 5px;
    -webkit-transform: translateX(100%);
    transition: transform 0.4s;
    transform: translateX(100%);
}

.form-switcher.open {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.form-switcher input:not([type='submit']), .form-switcher textarea {
    background: white;
}

.form-switcher > span.pullout {
    position: absolute;
    width: 158px;
    display: block;
    background: #f05423;
    color: white;
    right: 340px;
    top: 241px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 20px;
    margin: 0;
    padding: 1px 8px;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkite-transform: rotate(270deg);
    text-align: center;
}

.form-switcher > span.pullout > i {
    margin: 7px;
}

.form-switcher p {
    margin: 0 !important;
}

.form-switcher > span.pullout:hover {
    cursor: pointer;
    transform: rotate(270deg) translate(0px, 1px);
    -ms-transform: rotate(270deg) translate(0px, 1px);
    -webkit-transform: rotate(270deg) translate(0px, 1px);
}

.form-switcher > p {
    position: absolute;
    width: 10px;
    height: 93px;
    display: block;
    background: #fcfcfc;
    left: 218px;
    top: 76px;
    padding-left: 1px;
    float: left;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.form-switcher > p > span {
    cursor: pointer;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -31px;
    top: 35px;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.form-switcher input:not([type='checkbox']), .form-switcher textarea {
    width: 94% !important;;
    margin: 0 !important;;
    padding: 10px !important;
}

.form-switcher label:not(.wpcf7-list-item-label), .form-switcher span:not(.pullout) {
    margin: 1px 6px;
    display: block;
}

.form-switcher span.wpcf7-list-item, .form-switcher .wpcf7-list-item-label {
    display: inline-block !important;
}

.form-switcher textarea {
    height: 100px;
}

.form-switcher label {
    margin: 1px 10px;
}

.form-switcher p > span {
    font-size: 17px;
}

.form-switcher br {
    display: none !important;
}

.starratingawesome {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

@media all and (max-width: 1400px) {
    .form-switcher {
        bottom: 0;
    }
}

@media all and (max-width: 767px) {
    .form-switcher, .pullout {
        display: none;
    }
}

/*********************
End Form Switcher CSS
*********************/

.gift {
    position: fixed;
    top: 36%;
    left: -21px;
    background: url(images/vineta.png) no-repeat #f5f7f8 33px 25px / 58%;
    width: 150px;
    z-index: 9;
    cursor: pointer;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);;
}

.gift:hover {
    transform: translate(0px, 1px);
    -ms-transform: translate(0px, 1px);
    -webkit-transform: translate(0px, 1px);
}

.movil {
    color: white;
    display: none;
}

.desktop {
    color: white;
    display: none;
}

.title-size-default {
    padding-top: 40px;
    padding-bottom: 40px;
}

.joinchat__powered, .joinchat__copy, .product-labels {
    display: none;
}

.joinchat__header {
    background: url(../../../wp-content/uploads/2020/12/logowhite.png) 40% 65% / 51% no-repeat #f05423;
}

.joinchat--chatbox .joinchat__button {
    background: #f05423;
}

.joinchat--chatbox .joinchat__button:active, .joinchat--chatbox .joinchat__button:hover {
    opacity: 0.7;
}

label[for="shipping_method_0_flat_rate6"] .woocommerce-Price-amount {
    font-size: 16px;
}

.custom-question-field-wrapper {
    min-height: 100px;
}

.custom-question-field-wrapper input[type="radio"] {
    float: left;
    margin: 11px;
}

.custom-question-field-wrapper label {
    float: left;
    margin: 7px;
}

.orange {
    color: #f05423;
}

/*.bounce {
    -webkit-animation: bounce 1.2s infinite;
    animation: bounce 1.2s infinite;
    display: block;
}*/

.bounce:hover {
    display: inline;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #ededed;
    color: #666;
    cursor: pointer;
    padding: 18px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    width: 45%;
    z-index: 99;
}

.accordion.active {
    background-color: rgba(0,45,114,.6);
    color: white;
    border: 1px solid white;
    /*padding: 16px;*/
}

.accordion:hover {
    /*color:#f0f0f0!important;*/
    color: #333;
    background-color: transparent;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active:hover {
    background-color: rgba(0,45,114,1) !important;
    color: #f0f0f0 !important;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    margin: 10px 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel.active {
    max-height: max-content;
}

/*.accordion:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f078';
  font-size: 22px;
  color: white;
  float: right;
  margin-left: 5px;
}*/

/*.accordion.active:after {
  content: '\f077';
}*/

.woocommerce-shipping-destination {
    display: none;
}

.stock {
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

.woocommerce-Price-amount {
    font-size: 22px;
    line-height: 1.2;
}

.cart-widget-side, .login-form-side, .mobile-nav {
    z-index: 99999999 !important
}

.woocommerce-Price-amount {
    display: block;
}

.woocommerce-Tabs-panel {
    max-height: initial;
}

label[for="shipping_method_0_flat_rate6"] .woocommerce-Price-amount, .single-breadcrumbs-wrapper {
    display: none;
}

.cart-totals-inner {
    padding: 14px;
}

.payment_methods li > label {
    font-size: 20px;
}

select, select span {
    width: 100%;
}

.sizeguide-btn-wrapp {
    display: none !important;
}

.payment_methods li img {
    max-width: 300px;
}

.woodmart-navigation .item-level-0 > a {
    padding-right: 10px;
    padding-left: 10px;
}

.woocommerce-order:not(.wd-with-extra-content) {
    max-width: 100%;
}

.whb-color-dark .navigation-style-underline .item-level-0 > a {
    padding: 0 10px;
}

.category-grid-item .more-products {
    display: none;
}

.category-grid-item .category-title {
    color: #f05423;
    font-size: 16px;
    font-weight: 400;
}

.cat-design-alt.categories-with-shadow .category-image-wrapp {
    box-shadow: 0px 0px 1px 1px #f05423;
    border-radius: 360px;
    padding: 20px;
}

.woodmart-carousel-spacing-20 .owl-nav > div[class*="prev"], .woodmart-carousel-spacing-20 .owl-nav > div[class*="next"] {
    top: 94px;
    color: #f05423;
}

.owl-dots .owl-dot.active span {
    border-color: #f05423;
    background-color: #f05423;
}

.wpcf7-mail-sent-ok, .wpcf7 form.sent .wpcf7-response-output, .mc4wp-success, .woocommerce-message, .dokan-store-contact .alert-success, .dokan-alert-success, .dokan-message, .yith_ywraq_add_item_product_message {
    background-color: #f05423;
}

textarea {
    min-height: auto;
    height: auto;
}

#new_order_notes {
    height: 100px;
}

@media all and (max-width: 767px) {
    .accordion {
        width: 100%;
    }

    .movil {
        display: inline-block;
    }

    .calculadora {
        max-width: 100%;
    }

    .calculadora i.sugerido {
        left: 16.1%;
        width: 160%;
    }

    .accordion {
        width: 50%;
        text-align: center;
        padding: 19px;
    }
}

@media all and (min-width: 768px) {
    .desktop {
        display: none;
    }

    #billing_phone_field, #billing_email_field {
        overflow: visible;
        width: 48%;
        clear: none;
    }

    #billing_phone_field {
        float: left;
    }

    #billing_email_field {
        float: right;
    }

    #shipping_method {
        width: 250px !important;
    }

    .woocommerce-ordering select {
        max-width: max-content;
    }
}

@media (max-width: 575px) {
    .checkout-order-review {
        padding: 0;
    }

    .woodmart-table-wrapper {
        padding: 0;
    }

    .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
        max-width: 48%;
        width: 48%;
    }
}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, blockquote footer:before, blockquote cite, blockquote cite a, .color-scheme-dark a:hover, .color-primary, .woodmart-dark .color-primary, .woodmart-cart-design-3 .woodmart-cart-subtotal .amount, .menu-item-register .create-account-link, .menu-item-register .create-account-link:hover, .btn-style-bordered.btn-color-primary, .mega-menu-list > li > a:hover, .mega-menu-list .sub-sub-menu li a:hover, .site-mobile-menu li.current-menu-item > a, .site-mobile-menu .sub-menu li.current-menu-item > a, .dropdowns-color-light .site-mobile-menu li.current-menu-item > a, .dropdowns-color-light .site-mobile-menu .sub-menu li.current-menu-item > a, .comments-area .reply a, .comments-area .reply a:hover, .comments-area .logged-in-as > a:hover, .blog-post-loop .entry-title a:hover, .read-more-section a, .read-more-section a:hover, .single-post-navigation .blog-posts-nav-btn a:hover, .error404 .page-title, .not-found .entry-header:before, .subtitle-color-primary.subtitle-style-default, .wpb_wrapper .title-wrapper u, .woodmart-title-color-primary .subtitle-style-default, .wpb_wrapper .promo-banner u, .instagram-widget .clear a:hover, .box-icon-wrapper.box-with-text, .woodmart-price-table.price-style-alt .woodmart-price-currency, .woodmart-price-table.price-style-alt .woodmart-price-value, .woodmart-menu-price.cursor-pointer:hover .menu-price-title, .hotspot-icon-alt .hotspot-btn:after, p.stock.in-stock:before, td.woocommerce-orders-table__cell-order-number a:hover, .wd-action-btn > a:hover, .amount, .price, .price ins, a.login-to-prices-msg, a.login-to-prices-msg:hover, .woodmart-accordion-title:hover, .woodmart-accordion-title.active, .woodmart-dark .woodmart-accordion-title:hover, .woodmart-dark .woodmart-accordion-title.active, .woocommerce-form-coupon-toggle > .woocommerce-info .showcoupon, .woocommerce-form-coupon-toggle > .woocommerce-info .showlogin, .woocommerce-form-login-toggle > .woocommerce-info .showcoupon, .woocommerce-form-login-toggle > .woocommerce-info .showlogin, .cart-totals-inner .shipping-calculator-button, .woodmart-dark .cart-totals-inner .shipping-calculator-button, .login-form-footer .lost_password, .login-form-footer .lost_password:hover, .woocommerce-order-pay td.product-total .amount, .woodmart-my-account-links a:hover:before, .woodmart-my-account-links a:focus:before, .woocommerce-Address-title .edit:hover, .woodmart-products-tabs.tabs-design-simple .products-tabs-title li.active-tab-title, .brands-list .brand-item a:hover, #dokan-store-listing-filter-wrap .right .toggle-view .active, .whb-color-dark .navigation-style-default .item-level-0:hover > a, .whb-color-dark .navigation-style-default .item-level-0.current-menu-item > a, .navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .navigation-style-separated .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .navigation-style-bordered .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .vertical-navigation .menu-mega-dropdown .sub-menu > li > a:hover, .navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .navigation-style-separated .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .navigation-style-bordered .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .vertical-navigation .menu-mega-dropdown .sub-sub-menu li a:hover, a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, blockquote footer:before, blockquote cite, blockquote cite a, .color-scheme-dark a:hover, .color-primary, .woodmart-dark .color-primary, .woodmart-cart-design-3 .woodmart-cart-subtotal .amount, .menu-item-register .create-account-link, .menu-item-register .create-account-link:hover, .btn-style-bordered.btn-color-primary, .mega-menu-list > li > a:hover, .mega-menu-list .sub-sub-menu li a:hover, .site-mobile-menu li.current-menu-item > a, .site-mobile-menu .sub-menu li.current-menu-item > a, .dropdowns-color-light .site-mobile-menu li.current-menu-item > a, .dropdowns-color-light .site-mobile-menu .sub-menu li.current-menu-item > a, .comments-area .reply a, .comments-area .reply a:hover, .comments-area .logged-in-as > a:hover, .blog-post-loop .entry-title a:hover, .read-more-section a, .read-more-section a:hover, .single-post-navigation .blog-posts-nav-btn a:hover, .error404 .page-title, .not-found .entry-header:before, .subtitle-color-primary.subtitle-style-default, .wpb_wrapper .title-wrapper u, .woodmart-title-color-primary .subtitle-style-default, .wpb_wrapper .promo-banner u, .instagram-widget .clear a:hover, .box-icon-wrapper.box-with-text, .woodmart-price-table.price-style-alt .woodmart-price-currency, .woodmart-price-table.price-style-alt .woodmart-price-value, .woodmart-menu-price.cursor-pointer:hover .menu-price-title, .hotspot-icon-alt .hotspot-btn:after, p.stock.in-stock:before, td.woocommerce-orders-table__cell-order-number a:hover, .wd-action-btn > a:hover, .amount, .price, .price ins, a.login-to-prices-msg, a.login-to-prices-msg:hover, .woodmart-accordion-title:hover, .woodmart-accordion-title.active, .woodmart-dark .woodmart-accordion-title:hover, .woodmart-dark .woodmart-accordion-title.active, .woocommerce-form-coupon-toggle > .woocommerce-info .showcoupon, .woocommerce-form-coupon-toggle > .woocommerce-info .showlogin, .woocommerce-form-login-toggle > .woocommerce-info .showcoupon, .woocommerce-form-login-toggle > .woocommerce-info .showlogin, .cart-totals-inner .shipping-calculator-button, .woodmart-dark .cart-totals-inner .shipping-calculator-button, .login-form-footer .lost_password, .login-form-footer .lost_password:hover, .woocommerce-order-pay td.product-total .amount, .woodmart-my-account-links a:hover:before, .woodmart-my-account-links a:focus:before, .woocommerce-Address-title .edit:hover, .woodmart-products-tabs.tabs-design-simple .products-tabs-title li.active-tab-title, .brands-list .brand-item a:hover, #dokan-store-listing-filter-wrap .right .toggle-view .active, .whb-color-dark .navigation-style-default .item-level-0:hover > a, .whb-color-dark .navigation-style-default .item-level-0.current-menu-item > a, .navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .navigation-style-separated .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .navigation-style-bordered .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .vertical-navigation .menu-mega-dropdown .sub-menu > li > a:hover, .navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .navigation-style-separated .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .navigation-style-bordered .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .vertical-navigation .menu-mega-dropdown .sub-sub-menu li a:hover {
    color: white;
}

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0);
    }
}

.snow {
    position: relative;
    width: 100vw;
    height: 100vh;
}

.snow__item {
    position: absolute;
    width: 5px;
    height: 5px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    will-change: box-shadow;
    -webkit-animation: snow 10000ms linear infinite;
    animation: snow 10000ms linear infinite;
}

.snow__item:nth-child(2) {
    left: 25vw;
    -webkit-animation-delay: 6666ms;
    animation-delay: 6666ms;
}

.snow__item:nth-child(3) {
    right: 25vw;
    -webkit-animation-delay: 3333ms;
    animation-delay: 3333ms;
}

@-webkit-keyframes snow {
    0% {
        box-shadow: 0 0 0 transparent, 100vw -73vh 1px 4px #cb5c20, -12vw -141vh 7px 3px #3fa24b, 93vw -128vh 6px 1px #9f3def, -82vw -134vh 4px 4px #9d9645, 76vw -108vh 1px 3px #8c45a6, -24vw -119vh 2px 5px #693df9, 57vw -59vh 5px 4px #0250f3, -23vw -143vh 6px 2px #5ca085, 92vw -97vh 4px 2px #5641c3, -23vw -116vh 3px 2px #572280, 90vw -72vh 5px 4px #c490df, -54vw -90vh 1px 4px #64cb3a, 19vw -88vh 7px 1px #5b867d, -99vw -91vh 1px 4px #e27cf8, 28vw -92vh 2px 3px #96a3ec, -89vw -144vh 1px 4px #3f4e04, 42vw -124vh 1px 3px #aa6657, -20vw -143vh 1px 1px #196e41, 54vw -98vh 7px 5px #38e3b9, -77vw -56vh 3px 3px #97659e, 29vw -61vh 7px 3px #541d75, -89vw -54vh 1px 3px #e44e54, 86vw -124vh 5px 5px #65251f, -15vw -115vh 4px 3px #36414b, 74vw -142vh 4px 3px #364b4b, -52vw -110vh 7px 5px #a3279d, 71vw -76vh 2px 5px #e54f72, -47vw -99vh 5px 4px #f32802, 19vw -83vh 7px 3px #db24d0, -32vw -107vh 2px 1px #23909d, 81vw -103vh 7px 5px #7ef030, -54vw -54vh 5px 2px #ba493c, 43vw -121vh 7px 3px #3fdd3b, -18vw -115vh 1px 5px #bc202d, 94vw -91vh 3px 1px #b70899, -77vw -61vh 7px 3px #2a13f3, 88vw -92vh 4px 2px #6f49b6, -93vw -93vh 5px 4px #23922e, 8vw -100vh 3px 4px #dc29d4, -62vw -81vh 2px 5px #5bcc1a, 69vw -78vh 7px 2px #b99525, -12vw -120vh 7px 4px #cfd9e4, 25vw -98vh 3px 3px #a59ca1, -47vw -118vh 6px 5px #d7df3e, 46vw -73vh 1px 3px #aebde7, -98vw -135vh 5px 4px #c35ac1, 39vw -65vh 8px 1px #8c429d, -43vw -138vh 5px 2px #323090, 33vw -83vh 8px 1px #9b5514, -100vw -63vh 5px 5px #1f52a6;
    }
    100% {
        box-shadow: 0 0 0 transparent, 74vw 88vh 3px 2px #34d0e3, -75vw 113vh 2px 1px #abb553, 20vw 134vh 2px 2px #92450d, -94vw 130vh 3px 1px #91a8a5, 35vw 95vh 5px 4px #4fea3f, -40vw 60vh 3px 3px #45ebab, 52vw 123vh 6px 5px #1b2bf6, -23vw 132vh 5px 2px #39a7e5, 22vw 98vh 2px 3px #6eb381, -5vw 111vh 8px 2px #30b650, 53vw 102vh 1px 1px #761d63, -73vw 92vh 8px 4px #a83009, 16vw 97vh 6px 5px #62510b, -49vw 90vh 4px 4px #3af5f6, 55vw 137vh 6px 5px #26d836, -80vw 99vh 4px 3px #daaf03, 57vw 90vh 7px 2px #bdf2dc, -81vw 136vh 3px 5px #9fc657, 16vw 105vh 7px 2px #92715a, -22vw 104vh 6px 1px #9eec1f, 65vw 71vh 4px 4px #aab260, -75vw 86vh 6px 2px #f3bae1, 30vw 59vh 1px 1px #57b9c8, -1vw 95vh 6px 4px #0bb541, 19vw 101vh 3px 5px #a6fe88, -66vw 117vh 2px 5px #b73d1a, 5vw 84vh 4px 2px #88a5d3, -47vw 98vh 8px 1px #5b6b9c, 41vw 92vh 2px 2px #0fdf82, -36vw 143vh 5px 2px #6eac6c, 35vw 84vh 4px 1px #e97cb4, -38vw 72vh 5px 2px #36f544, 49vw 146vh 3px 3px #eb531f, -34vw 112vh 5px 5px #f69343, 52vw 70vh 2px 3px #25ec0f, -88vw 128vh 5px 2px #367030, 87vw 54vh 1px 5px #38a496, -98vw 75vh 8px 3px #24aff9, 14vw 148vh 1px 5px #d53f01, -100vw 144vh 4px 1px #6f96df, 28vw 64vh 1px 1px #b65483, -83vw 77vh 7px 5px #d307ba, 72vw 95vh 7px 2px #a78c2d, -31vw 81vh 1px 3px #7634e4, 23vw 69vh 3px 1px #180df1, -99vw 72vh 5px 2px #98ace0, 11vw 53vh 4px 2px #443837, -42vw 146vh 6px 1px #196d79, 15vw 106vh 4px 4px #1a490b, -57vw 141vh 7px 5px #6ded8c;
    }
}

@keyframes snow {
    0% {
        box-shadow: 0 0 0 transparent, 100vw -73vh 1px 4px #cb5c20, -12vw -141vh 7px 3px #3fa24b, 93vw -128vh 6px 1px #9f3def, -82vw -134vh 4px 4px #9d9645, 76vw -108vh 1px 3px #8c45a6, -24vw -119vh 2px 5px #693df9, 57vw -59vh 5px 4px #0250f3, -23vw -143vh 6px 2px #5ca085, 92vw -97vh 4px 2px #5641c3, -23vw -116vh 3px 2px #572280, 90vw -72vh 5px 4px #c490df, -54vw -90vh 1px 4px #64cb3a, 19vw -88vh 7px 1px #5b867d, -99vw -91vh 1px 4px #e27cf8, 28vw -92vh 2px 3px #96a3ec, -89vw -144vh 1px 4px #3f4e04, 42vw -124vh 1px 3px #aa6657, -20vw -143vh 1px 1px #196e41, 54vw -98vh 7px 5px #38e3b9, -77vw -56vh 3px 3px #97659e, 29vw -61vh 7px 3px #541d75, -89vw -54vh 1px 3px #e44e54, 86vw -124vh 5px 5px #65251f, -15vw -115vh 4px 3px #36414b, 74vw -142vh 4px 3px #364b4b, -52vw -110vh 7px 5px #a3279d, 71vw -76vh 2px 5px #e54f72, -47vw -99vh 5px 4px #f32802, 19vw -83vh 7px 3px #db24d0, -32vw -107vh 2px 1px #23909d, 81vw -103vh 7px 5px #7ef030, -54vw -54vh 5px 2px #ba493c, 43vw -121vh 7px 3px #3fdd3b, -18vw -115vh 1px 5px #bc202d, 94vw -91vh 3px 1px #b70899, -77vw -61vh 7px 3px #2a13f3, 88vw -92vh 4px 2px #6f49b6, -93vw -93vh 5px 4px #23922e, 8vw -100vh 3px 4px #dc29d4, -62vw -81vh 2px 5px #5bcc1a, 69vw -78vh 7px 2px #b99525, -12vw -120vh 7px 4px #cfd9e4, 25vw -98vh 3px 3px #a59ca1, -47vw -118vh 6px 5px #d7df3e, 46vw -73vh 1px 3px #aebde7, -98vw -135vh 5px 4px #c35ac1, 39vw -65vh 8px 1px #8c429d, -43vw -138vh 5px 2px #323090, 33vw -83vh 8px 1px #9b5514, -100vw -63vh 5px 5px #1f52a6;
    }
    100% {
        box-shadow: 0 0 0 transparent, 74vw 88vh 3px 2px #34d0e3, -75vw 113vh 2px 1px #abb553, 20vw 134vh 2px 2px #92450d, -94vw 130vh 3px 1px #91a8a5, 35vw 95vh 5px 4px #4fea3f, -40vw 60vh 3px 3px #45ebab, 52vw 123vh 6px 5px #1b2bf6, -23vw 132vh 5px 2px #39a7e5, 22vw 98vh 2px 3px #6eb381, -5vw 111vh 8px 2px #30b650, 53vw 102vh 1px 1px #761d63, -73vw 92vh 8px 4px #a83009, 16vw 97vh 6px 5px #62510b, -49vw 90vh 4px 4px #3af5f6, 55vw 137vh 6px 5px #26d836, -80vw 99vh 4px 3px #daaf03, 57vw 90vh 7px 2px #bdf2dc, -81vw 136vh 3px 5px #9fc657, 16vw 105vh 7px 2px #92715a, -22vw 104vh 6px 1px #9eec1f, 65vw 71vh 4px 4px #aab260, -75vw 86vh 6px 2px #f3bae1, 30vw 59vh 1px 1px #57b9c8, -1vw 95vh 6px 4px #0bb541, 19vw 101vh 3px 5px #a6fe88, -66vw 117vh 2px 5px #b73d1a, 5vw 84vh 4px 2px #88a5d3, -47vw 98vh 8px 1px #5b6b9c, 41vw 92vh 2px 2px #0fdf82, -36vw 143vh 5px 2px #6eac6c, 35vw 84vh 4px 1px #e97cb4, -38vw 72vh 5px 2px #36f544, 49vw 146vh 3px 3px #eb531f, -34vw 112vh 5px 5px #f69343, 52vw 70vh 2px 3px #25ec0f, -88vw 128vh 5px 2px #367030, 87vw 54vh 1px 5px #38a496, -98vw 75vh 8px 3px #24aff9, 14vw 148vh 1px 5px #d53f01, -100vw 144vh 4px 1px #6f96df, 28vw 64vh 1px 1px #b65483, -83vw 77vh 7px 5px #d307ba, 72vw 95vh 7px 2px #a78c2d, -31vw 81vh 1px 3px #7634e4, 23vw 69vh 3px 1px #180df1, -99vw 72vh 5px 2px #98ace0, 11vw 53vh 4px 2px #443837, -42vw 146vh 6px 1px #196d79, 15vw 106vh 4px 4px #1a490b, -57vw 141vh 7px 5px #6ded8c;
    }
}